JQuery と Ajax_jquery の一般的なコード実装の比較

传统ajax コード

复制代 代码如下:

JQuery メソッド
コード

复制代码代码如下:

<スクリプト言語="javascript">
function startRequest(){
$("#target").load("14-1.aspx");
}

コード

复制代码代码如下:

GET VS.投稿

<スクリプト言語="javascript">
function createQueryString(){
var firstName = encodeURI($("#firstName").val());
var Birthday = encodeURI($("#birthday").val());
//合成オブジェクトの形式
var queryString = {firstName:firstName,birthday:birthday};
クエリ文字列を返します;
}
function doRequestUsingGET(){
$.get("14-5.aspx",createQueryString(),
//送信GET请要求
function(data){
$("#serverResponse").html(decodeURI(data));
}
function doRequestUsingPOST(){
$.post("14-5.aspx",createQueryString(),
//送信POST请要求
function(data){
$("#serverResponse").html(decodeURI(data));
}

输入姓名和生日

制御ajax
コード

复制代码

代码如下:

<フォーム<入力タイプ = "text" id="firstName" />


🎜>

gt;

グローバル設定 ajax
コード

コードをコピー

コードは次のとおりです: < ;script language="javascript"> $.ajaxSetup({ //グローバル設定

url: "14-5.aspx",

success: function(data){
$("#serverResponse").html(decodeURI(data));
}
});
function createQueryString(){
//中国語の問題を解決するには 2 回エンコードする必要があります
var firstName = encodeURI(encodeURI($("#firstName").val()));
var Birthday = encodeURI($("#birthday").val()); / /オブジェクト形式に結合されます
var queryString = "firstName="&birthday="birthday;
return queryString
}
function doRequestUsingGET(){
$.ajax;
data: createQueryString(),
type: "GET"
})
}
function doRequestUsingPOST(){
$.ajax({
data: createQueryString() ) ,
type: "POST"
})