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方式コード
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方式コード
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メソッドコード例
構文:$.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);
}
});