Comparison of common code implementations between JQuery and Ajax_jquery

传统ajax Code

复制代码 代码如下:

JQuery方法
Code

复制代码 代码如下:

get and post
Code

复制代码 代码如下:

输入姓名和生日

控制ajax
Code

复制代码 代码如下:

Enter name and birthday

Global settings ajax
Code

Copy code The code is as follows:

< ;script language="javascript">
$.ajaxSetup({
//Global settings
url: "14-5.aspx",
success: function(data){
$("#serverResponse").html(decodeURI(data));
}
});
function createQueryString(){
//You must encode twice to solve the Chinese problem
var firstName = encodeURI(encodeURI($("#firstName").val()));
var birthday = encodeURI(encodeURI($("#birthday").val()));
/ /Combined into an object form
var queryString = "firstName=" firstName "&birthday=" birthday;
return queryString;
}
function doRequestUsingGET(){
$.ajax({
data: createQueryString(),
type: "GET"
});
}
function doRequestUsingPOST(){
$.ajax({
data: createQueryString() ,
type: "POST"
});
}