-
Ajax简介
-
AJAX( Asynchronous JavaScript and XML)异步的 JavaScript 和 XML。在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容,使网页实现异步更新,不需要任何浏览器插件。
Ajax原理(语法)
-
XHR创建对象 new一个XMLHttpRequest
-
定义请求方式
-
向服务器发送请求(请求参数get 在url中填写、post在send(中书写))
-
响应与数据处理
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