原生javascript请求服务器详解

    首先需要创建一个Ajax对象,在火狐,谷歌浏览器下可以用var oAjax = new XMLHttpRequest();但是在IE6及以下的浏览器中会报错,在IE6下创建对象则需要 new ActiveXobject("Microsoft.XMLHTTP")。

    创建完对象我们就可以连接服务器了,在创建的oAjax对象中有一个open方法,oAjax.open(x,x,x);就可以连接服务器了,连接服务器需要三个参数,第一个参数是请求方式GET/POST(根据需求选择);第二个参数是URL请求地址或者接口地址;第三个参数时候异步true/false(根据需求选择,一般为true)。

    接下来就该发送我们的请求了,oAjax.send()。

    发送完请求就该来接收后台返回的返回值了,oAjax.onreadystatechange().有时候也不一定会成功,受外界影响还会遇到一系列问题,例如网络原因,参数原因等。在这种情况下我们可以通过oAjax.readyState()的返回值来判定状态,oAjax.readyState()返回的是状态码,0 还没有调用open()方法;1 已调用send()方法,正在发送请求;2 send()方法完成,已收到全部响应内容;3 正在解析响应内容;4 响应内容解析完成,可以在客户端调用,等返回码为4的时候代表已经请求成功,我们就拿到了数据。