javascript使用原生ajax的简便方法

javascript使用原生ajax的简便方法

ajax是什么我就不去介绍了。网上的很多解释，我在这里做一下使用方法的笔记，随便分享给有需要的同学。

废话不多说，我们直接上主题，这里用的环境是，前端脚本是javascript，服务器是php。

一、创建XMLHttpRequest对象，例如下面的代码：

var ajax=new XMLHttpRequest();

这里我们就实例化了一个对象。

二、打开与服务器的连接，函数是：对象.open();

ajax.open("POST","url",true);

三、设置http头部，函数是：对象.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

四、传输的内容，函数是：对象.send();

ajax.send(“string”);

五、设置回调函数：对象.onreadystatechange

ajax.onreadystatechange=function(){

//回调函数体

}

六、获取的服务器传回来的数据函数：对象.responseText;

var ssid=ajax.responseText;

服务器端：执行一个echo语句就好，这里只能有一个echo，而且数据类型很有讲究，大家可以仔细研究一下。

基本的使用方法上面就可以实现了，但是肯定不完全，完全的ajax属性和方法大家去网上找很多的，