原生js实现ajax数据请求

在任何网站开发中数据的交互是一个必不可少的操作流程,那么我们如何使用原生js实现数据请求操作呢?

原生js数据请求分为三个步骤,分别为:

步骤一:创建 XMLHttpRequest 对象

var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}

步骤二:向服务器发送请求

xmlhttp.open("post","数据请求地址",false);
xmlhttp.send();
method:请求的类型;GET 或 POST
url:文件在服务器上的位置
async:true(异步)或 false(同步)

步骤三:服务器响应

xmlhttp.responseText//获得字符串形式的响应数据。
xmlhttp.responseXML//获得 XML 形式的响应数据。

完整请求代码:

var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("post","请求地址",false);
xmlhttp.send();
var item = JSON.parse(xmlhttp.responseText);

以上便完成了简单的原生js数据请求操作!

六月初字帖坊小程序 你想要的字帖模板及工具,这里都有!