使用原生js实现ajax请求
function createAjax(){
var xmlObj;
if (window.XMLHttpRequest) {
xmlObj = new XMLHttpRequest();
} else if (window.ActiveXObjext) {
xmlObj = new ActiveXObject();
}
return xmlObj;
}
function sentAjax (url, fn, data) {
var ajaxXml = createAjax();
data ? ajaxXml.open('POST', url, true) : ajaxXml.open('GET', url, true);
ajaxXml.onreadystatechange = function () {
if (ajaxXml.readyState == 4 && (ajaxXml.status == 200 || ajaxXml.status == 304)) {
fn.call(this, ajaxXml.response);
}
}
ajaxXml.setResponseHeader('Content-type','application/x-www-form-urlencoded');
data ? ajaxXml.send(data) : ajaxXml.send(null);
}
* 下一节将重点讲ajax实现底层原理*