略微加速

略速 - 互联网笔记

javascript原生ajax写法

2020-12-14 leiting (3582阅读)

标签 JavaScript

// JavaScript Document
var XHR; //定义一个全局对象
function createXHR() { //首先我们得创建一个XMLHttpRequest对象
	if (window.ActiveXObject) { //IE的低版本系类
		XHR = new ActiveXObject('Microsoft.XMLHTTP'); //之前IE垄断了整个浏览器市场,没遵循W3C标准,所以就有了这句代码,但IE6之后开始有所改观
	} else if (window.XMLHttpRequest) { //非IE系列的浏览器,但包括IE7 IE8
		XHR = new XMLHttpRequest();
	}
}
function send(data) {
	createXHR();
	XHR.open("GET", "/url/xxx", true); //true:表示异步传输,而不等send()方法返回结果,这正是ajax的核心思想
    /*
    XHR.open("POST","/url/xxx",true); //POST
    XHR.setRequestHeader("Content-Length",data.lenght);
    XHR.setRequestHeader("Content-Type","application/x-www-form-urlencoded;");  //用POST的时候一定要有这句
    */
	XHR.onreadystatechange = ajax; //当状态改变时,调用ajax这个方法,方法的内容我们另外定义
	XHR.send(data);
}
function ajax() {
	if (XHR.readyState == 4) { //关于Ajax引擎对象中的方法和属性,可以参考博文:http://www.cnblogs.com/hongfei/archive/2011/11/29/2265377.html
		if (XHR.status == 200) {
			var textHTML = XHR.responseText;
			document.getElementById('checkbox').innerHTML = textHTML;
		}
	}
}


北京半月雨文化科技有限公司.版权所有 京ICP备12026184号-3