DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> 簡單的ajax連接庫分享
簡單的ajax連接庫分享
編輯:JavaScript綜合知識     

 自己寫了一個簡單的ajax連接庫,沒有使用jquery的ajax,這個代碼要比jquery輕量,大家參考使用吧,

 代碼如下: var ajax = {  init : function(){   var xmlHttp = new XMLHttpRequest();   if (!window.XMLHttpRequest)      xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");     return xmlHttp;  },  call : function(opt){   var xmlHttp = this.init();     xmlHttp.onreadystatechange = function(){    if(xmlHttp.readyState===4)    {      xmlHttp.status===200 ?      opt.success(xmlHttp.responseText,xmlHttp.responseXML) : opt.error(xmlHttp.responseText,xmlHttp.status);    }   }   opt.data = this.parseData(opt.data);   if(opt.method.toLowerCase() === 'get'){    opt.url = opt.url + "?" + opt.data;    opt.data = null;   }   xmlHttp.open(opt.method,opt.url,opt.async);   if(opt.method.toLowerCase() === 'post')    xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");   xmlHttp.send(opt.data);  },  parseData : function(data){   if(typeof data == 'object'){    var str = '';    for(var i in data){     str += "&"+i+"="+encodeURIComponent(data[i]);    }    return str.length==0 ? str : str.substring(1);   }else{    return data;   }  } }  
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved