AJAX各种js实现方式
?
1.传统的js实现方式:
?
?写道
<script language="javascript">
var xmlHttp;
function createXMLHttpRequest(){
if(window.ActiveXObject)
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
else if(window.XMLHttpRequest)
xmlHttp = new XMLHttpRequest();
}
function doRequestUsingGET(){
createXMLHttpRequest();
var queryString = "9-3.aspx?";
queryString += createQueryString() + "×tamp=" + new Date().getTime();
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.open("GET",queryString);
xmlHttp.send(null);
}
function doRequestUsingPOST(){
createXMLHttpRequest();
var url = "9-3.aspx?timestamp=" + new Date().getTime();
var queryString = createQueryString();
xmlHttp.open("POST",url);
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xmlHttp.send(queryString);
}
</script>
?
2.JQuery的load方法
?
$(selector).load(url,data,function(response,status,xhr))
详情见:http://www.w3schools.com/jquery/ajax_load.asp
?
3.JQuery的get与post方法
?
$(selector).get(url,data,success(response,status,xhr),dataType)
详情:http://www.w3schools.com/jquery/ajax_get.asp
?
$(selector).post(url,data,success(response,status,xhr),dataType)
?
4.Jquery的ajax方法
这种方法更灵活。可以设置各种细节
$.ajax({name:value, name:value, ... })
http://www.w3schools.com/jquery/ajax_ajax.asp
?