錯新小編今兒個帶您深入了解AJAX請求方式,AJAX是一種與服務器交換數據的技術,可以在補充在整個頁面的情況下更新網頁的一部分,下面就跟隨錯新技術編輯一起來領略吧。
// AJAX類
function AJAXRequest() {
?var xmlObj = false;
?var CBfunc,ObjSelf;
?ObjSelf=this;
?try { xmlObj=new XMLHttpRequest; }
?catch(e) {
??try { xmlObj=new ActiveXObject("MSXML2.XMLHTTP"); }
??catch(e2) {
???try { xmlObj=new ActiveXObject("Microsoft.XMLHTTP"); }
???catch(e3) { xmlObj=false; }
??}
?}
?if (!xmlObj) return false;
?this.method="POST";
?this.url;
?this.async=true;
?this.content="";
?this.callback=function(cbobj) {return;}
?this.send=function() {
??if(!this.method||!this.url||!this.async) return false;
??xmlObj.open (this.method, this.url, this.async);
??if(this.method=="POST") xmlObj.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
??xmlObj.onreadystatechange=function() {
???if(xmlObj.readyState==4) {
????if(xmlObj.status==200) {
?????ObjSelf.callback(xmlObj);
????}
???}
??}
??if(this.method=="POST") xmlObj.send(this.content);
??else xmlObj.send(null);
?}
}
?
AJAX請求類
by HotHeart(熱血心腸)
Site: http://www.xujiwei.cn/
Blog: http://www.xujiwei.cn/blog/
?
類名:AJAX
創建方法:var ajaxobj=new AJAX;,如果創建失敗則返回false
屬性:method? -? 請求方法,字符串,POST或者GET,默認為POST
url???????? -? 請求URL,字符串,默認為空
async???? -? 是否異步,true為異步,false為同步,默認為true
content -? 請求的內容,如果請求方法為POST需要設定此屬性,默認為空
callback? - 回調函數,即返回響應內容時調用的函數,默認為直接返回,回調函數有一個參數為XMLHttpRequest對象,即定義回調函數時要這樣:function mycallback(xmlobj)
方法:send()???? -? 發送請求,無參數
一個例子:
錯新小編分享的這篇AJAX請求方式,是不是特別的實用呢,更多關于AJAX的內容請繼續關注錯新技術頻道。