使用原生js请求ajax

最新推荐文章于 2021-08-10 16:05:45 发布

牧艺人

最新推荐文章于 2021-08-10 16:05:45 发布

阅读量121

点赞数

分类专栏：心得学习文章标签： ajax

本文链接：https://blog.csdn.net/weixin_40662552/article/details/105521235

版权

学习同时被 2 个专栏收录

22 篇文章 0 订阅

订阅专栏

心得

13 篇文章 0 订阅

订阅专栏

原生js 请求ajax 内容一般分五步：

1.创建一个XMLHttpRequest异步对象

2.设置请求方式和请求地址

3.接着，用send发送请求

4.监听状态变化

5.最后，接收返回的数据

下面是案例：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
function loadXMLDoc()
{
   var xmlhttp; //创建一个XMLHttpRequest异步对象
   if (window.XMLHttpRequest)
   {
       // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
       xmlhttp=new XMLHttpRequest();
   }
   else
   {
       // IE6, IE5 浏览器执行代码
       xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
   }
   xmlhttp.onreadystatechange=function() //监听状态变化
   {
       if (xmlhttp.readyState==4 && xmlhttp.status==200)
       {
console.log(xmlhttp.responseText); //接收返回的数据
       }
   }
   xmlhttp.open("GET","URL",true); //设置请求方式和请求地址
   xmlhttp.send(); //用send发送请求
}
</script>
</head>
<body>