一、JavaScript的ajax
//Ajaxvar xhr;if(window.XMLHttpRequest){ //除IE外的浏览器xhr = new XMLHttpRequest()}else{xhr = new ActiveXObject("Microsoft.XMLHTTP"); //IE}xhr.open('get','http://demo_get.asp',true); //三个参数,method,url,async;xhr.send();// responseText:作为响应主体被返回的文本。// responseXML:如果响应的内容类型是"text/xml"或"application/xml",这个属性中将保存包含着响应数据的XML DOM 文档。// status:响应的HTTP 状态。// statusText:HTTP 状态的说明。if(xhr.status == 200){console.log(xhr.responseText)}else{console.log("Request was unsuccessful: " + xhr.status)}
二、jquery的ajax
(一)最底层方法
$.ajax([settings]);
$.ajax({ url: "test.html", context: document.body, success: function(){$(this).addClass("done");}});
(二)第二层方法
1、load()方法,从服务器加载数据,并把返回的数据放入被选元素中。是局部方法,必须给定主体;
$(selector).load(URL,data,callback);
必需的 URL 参数规定您希望加载的 URL。
可选的 data 参数规定与请求一同发送的查询字符串键/值对集合。发送方式默认为get,存在该参数时变为post;
可选的 callback 参数是 load() 方法完成后所执行的函数名称。它包含三个参数:
——responseTxt - 包含调用成功时的结果内容、 statusTXT - 包含调用的状态、 xhr - 包含 XMLHttpRequest 对象
2、get() 和 post() 方法用于通过 HTTP GET 或 POST 请求从服务器请求数据。是全局方法
$.get(URL,callback);
必需的 URL 参数规定您希望请求的 URL。
可选的 callback 参数是请求成功后所执行的函数名。
callback它有俩个参数:data回调参数存有被请求页面的内容,status回调参数存有请求的状态
1 function showUser(str){2 $.get('demo.php?q='+str,function(data, status){3 if(status=='error'){4 alert('失败')5 }else{6 $('#txtHint').html(data); 7 } 8 9 }); 10 11 }
$.post(URL,data,callback);
必需的 URL 参数规定您希望请求的 URL。
可选的 data 参数规定连同请求发送的数据。
可选的 callback 参数是请求成功后所执行的函数名。俩个参数同上;
1 function showUser(str){ 2 $.post('demo.php',{q:str},function(data, status){ 3 $('#txtHint').html(data); 4 }); 5 6 }
(三)第三层方法
1.$.getScript(url,success(response,status))
在页面初次加载时就取得所有的JavaScript是没有必要的;
url:将要请求的 URL 字符串。
success(response,status):可选。规定请求成功后执行的回调函数。
额外的参数:
response - 包含来自请求的结果数据
status - 包含请求的状态("success", "notmodified", "error", "timeout" 或 "parsererror")
2.$.getJson()
$.getJSON(url,data,success(data,status,xhr))