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

来源：互联网发布：性价比高的汽车知乎编辑：程序博客网时间：2024/05/07 16:33

这里只写出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 );