原生js实现ajax数据请求
JavaScipt
2020-07-17 18:00:42
在任何网站开发中数据的交互是一个必不可少的操作流程,那么我们如何使用原生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数据请求操作!
六月初字帖坊小程序
你想要的字帖模板及工具,这里都有!
877篇文章
2892人已阅读