AJAX,简单来说就是异步的JS和XML,其最大的优点就是不重新加载网页的情况下,实现与服务器交换数据并更新网页内容。
对于AJAX的原生实现过程:
function loadXMLDoc(){
var xmlhttp;
//创建XHR对象
if(window.XMLHttpRequest)
{
// IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
xmlhttp=new XMLHttpRequest();
}else{
// IE6, IE5 浏览器执行代码
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
//设置响应变化的函数,并获取返回值。
//readyState在发生变化时,函数会被回调
xmlhttp.onreadystatechange=function(){
//满足请求完成响应就绪并且状态是200时,刷新局部页面
if(xmlhttp.readyState==4&&xmlhttp.status==200){
$("#box").html(xmlhttp.responseText);
}
}
//创建http请求
xmlhttp.open("GET","ajax_info.txt",true);
//发送http请求
xmlhttp.send();
}
jq的实现方式:
$.ajax({
type:"post",
url:"post_consignation.php",
data:{
target_item:target,
detail_item:detail
},
success:function(response){//这里用了jq
$('#consignation-content').html(function(i,origText){
return response+origText;
});
$('#target').html("");
$('#detail').html("");
}
});