Home 旅レポ一覧 MyPhoto 売れ筋インフォ  TechBlog  LinkBox  RSSr(New!)  SiteMap  Album  日記  blog  MyPage  About
 
icon icon
 

JFLABO::TechBlog(ジェイエフラボのテックブログ)->Ajaxで非同期通信
ここではAjaxで非同期通信をする
手順について紹介します。


ドミノ・ピザ【PC向けサイト】
 

   
 
 

  • このエントリーをはてなブックマークに追加
  • Ajaxで非同期通信をする
    使い方 1. jQueryを読み込み、Ajaxの記述をします。
                                                                                                                                            <HTML>
    <HEAD>
    
    </HEAD>
                                                                          
    <script type="text/javascript">
    	$.ajax({
    	    url: "sample_api.php",
    	    type: "GET",
    	    cache: false,
    	    dataType: "html",
    	    data: {
              "param1":$("#param_01").val(),
    	      "param2":$("#param_02").val()
    	    },
    	    success: function(o){
    	    	$("#MSG").html(o);
    	    }
    	  });
    </script>
    
    <span id="MSG">TEST</span>
    
    2.sample_api.phpの処理
    <?php
    
                echo "HELLO WORLD!!";
    
    ?>
    
    まめ知識  クラスセレクタ:$('.class_name')  IDセレクタ  :$('#ID_name')  要素セレクタ :$('img')  子孫セレクタ :$('div#id_name img')