jQuery-Ajaxリクエストの3つの方法

1947 ワード

1.get方式
構文:$.get(url,[data],[callback],[type])パラメータ説明:url要求のアドレスdataはバックグラウンドのデータに送信する:オブジェクトフォーマット{key 1:value 1,key 2:value 2},文字列をkey 1=value 1&key 2=value 3 callbackコールバック関数につなぎ,サーバ側の結果typeが返すデータのフォーマット,xml,json,textに戻る
1.get方式コード
  
  
    //1. get       $.get(url, [data], [callback], [type])
    $.get("userInfo.json", function (userData) {
        console.log("get  ", userData);
    }, "json");
    

2.post方式
構文:$.post(url,[data],[callback],[type])パラメータ説明:url要求のアドレスdataはバックグラウンドのデータに送信する:オブジェクトフォーマット{key 1:value 1,key 2:value 2},文字列をkey 1=value 1&key 2=value 3 callbackコールバック関数につなぎ,サーバ側の結果typeが返すデータのフォーマット,xml,json,textに戻る
2.post方式コード


    //2. post       $.post(url, [data], [callback], [type])
    $.post("userInfo.json", function (userData) {
        console.log("post  ", userData);
    }, "json");
  

3.ajaxメソッドは、getもpostもサポートできます
.ajax({type:[POST],//送信方式url:[some.php],//要求されたアドレスdata:[name=John&location=Boston],//送信するデータdataType:[返されるデータ型],//xml,json,text,jsonp【ドメイン間要求】success:function(msg){//成功したコールバック関数alert("Data Saved:"+msg);});
3.ajaxメソッドコード例

   
    //3. ajax    
    $.ajax({
        type: "POST", //     
        url: "userInfo.json", //     
        data: "name=John&location=Boston", //      
        dataType: "json", //xml, json, text, jsonp【    】
        success: function (userData) {
            //         
            console.log("ajax    ", userData);
        }
    });