原生AJAX调用四步曲：仅供初学者参考

发布时间：2020-12-16 00:46:39 所属栏目：百科来源：网络整理

导读：这里只写出chrome的例程，因为调用原理是一样的。建立ajax对象首先要考虑的就是浏览器兼容的问题：IE与其他非IE系的浏览器的不同，造成需要创建的对象的不同。 var obj = new XMLHttpRequest(); 定义ajax处理函数 obj.onreadystatechange = function(){if(

这里只写出chrome的例程，因为调用原理是一样的。

建立ajax对象

首先要考虑的就是浏览器兼容的问题：IE与其他非IE系的浏览器的不同，造成需要创建的对象的不同。

        var obj = new XMLHttpRequest();

定义ajax处理函数

obj.onreadystatechange = function(){

			if( obj.readyState == 4 && obj.status == 200 ){//obj.readyState:s要大写
				//do some thing

			}
		}

readyState 为0-4 五种，4为（完成）响应内容解析完成，可以在客户端调用了

调用open方法

obj.open('POST',url,true);

三个参数分别为：参数传递方式（跟表单传输一样），url（控制器地址，即处理ajax请求的脚本地址），true为异步，false为同步。

发送请求

//POST传输时必须的定义传输的文件HTTP头信息,GET则不需要此行代码
	obj.setRequestHeader("Content-Type","application/x-www-form-urlencoded");//此行必须有
	//GET方式 为 obj.send('');或者 obj.send(null);
	obj.send( "name=" + poststr );

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!