js原生 Ajax

【摘要】 js原生 Ajax考必过小编为大家整理了关于js原生 Ajax的信息，希望可以帮助到大家！

js原生 Ajax

标签：需要   p   script   end   color   activex   obj   浏览器插件   send   

1. Ajax简介

   

   云私塾7.0-试学3天体验课

   ¥0

   去购买​

• AJAX( Asynchronous JavaScript and XML)异步的 JavaScript 和 XML。在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容，使网页实现异步更新，不需要任何浏览器插件。

2. Ajax原理（语法）

1. XHR创建对象 new一个XMLHttpRequest

2. 定义请求方式

3. 向服务器发送请求（请求参数get 在url中填写、post在send(中书写)）

4. 响应与数据处理

 1  //1.new一个XMLHttpRequest 兼容性写法
 2 var xmlhttp;
 3     if (window.XMLHttpRequest) {
 4         xmlhttp = new XMLHttpRequest();
 5     } else {
 6         xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
 7     }
 8     //2.定义请求方式
 9     xmlhttp.open("GET", "http://yapi.shangyuninfo.com/mock/156/bookType")
10     //3.向服务器发送请求
11     xmlhttp.send();
12     //4.响应与数据处理
13     xmlhttp.onreadystatechange = function (res) {
14         if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
15             console.log(res.currentTarget.response);
16             var resout = JSON.parse(res.currentTarget.response)
17             console.log(resout.book[0].typeList);
18         }
19     }
20  

js原生 Ajax

标签：需要   p   script   end   color   activex   obj   浏览器插件   send   

以上就是js原生 Ajax的内容，更多资讯请及时关注考必过网站，最新消息小编会第一时间发布，大家考试加油！