2020/2/1 ajax和mock.js的理解
ajax 1.什么是ajax ajax是多项前端技术的综合,包括了html、css、js、Json、XMLHttpRequest。 ajax模式: 浏览器创建一个ajax对象,然后ajax对象向后端发送请求,后端响应数据给前端, 之后前端接收导数据更新视图,整个过程中浏览器“不刷新”。 传统模式: 浏览器直接向后端发送请求,后端响应新页面给前端,整个过程浏览器会刷新。 2.ajax工作原理 3.ajax发送get请求 1)创建ajax对象 var xhr = new XMLHttpRequest(); 2)配置请求方式和请求地址 xhr.open(“get”,”xxx地址”); 如果传入参数 xhr.open(“get”,”xxx地址?属性名1=属性值1&属性名2=属性值2”); 3)发送 xhr.send(); 4)监听状态&接收数据 xhr.onreadystatechange = function(){ if(xhr.readyState===4 && xhr.status===200){ var data = xhr.reponseText; } } 4.ajax发送post请求 1)创建ajax对象 var xhr = new XMLHttpRequest(); 2)配置请求方式和请求地址 xhr.open(“post”,”xxx地址”); 3)设置请求头 xhr