jquery写ajax代码,jQuery_JQuery与Ajax常用代码实现对比，传统ajax Code 复制代码 代码如 - phpStudy...

JQuery与Ajax常用代码实现对比

传统ajax Code

复制代码 代码如下:

var xmlHttp;

function createXMLHttpRequest(){

if(window.ActiveXObject)

xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

else if(window.XMLHttpRequest)

xmlHttp = new XMLHttpRequest();

}

function startRequest(){

createXMLHttpRequest();

xmlHttp.open("GET","14-1.aspx",true);

xmlHttp.onreadystatechange = function(){

if(xmlHttp.readyState == 4 && xmlHttp.status == 200)

document.getElementById("target").innerHTML = xmlHttp.responseText;

}

xmlHttp.send(null);

}

JQuery方法

Code

复制代码 代码如下:

function startRequest(){

$("#target").load("14-1.aspx");

}

get and post

Code

复制代码 代码如下:

GET VS. POST

function createQueryString(){

var firstName = encodeURI($("#firstName").val());

var birthday = encodeURI($("#birthday").val());

//组合成对象的形式

var queryString = {firstName:firstName,birthday:birthday};

return queryString;

}

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));

}

);

}

输入姓名和生日