6-4 Ajax-XMLHttpRequst
2017-11-06 本文已影响1人
留白_汉服vs插画
![](https://img.haomeiwen.com/i2037656/9e8730f78fdbdffe.png)
前端不可能做静态,要交互就需要ajax。这节基础为主。应用后面用jquery。考试考基础,应用,用封装。ajax的比较重要的两块就是上面。
不要说jquery怎么做的,你手动怎么写是重点。
跨域怎么做,原理是什么(很重要,怎么实现的机制)。中大型公司,不同产品线域名是不一样的。比如慕课网就是域名不一样。移动端和服务端域名可能也不一样。
![](https://img.haomeiwen.com/i2037656/1d4a457ea03e3a0e.png)
XMLHttpRequest函数涉及很多状态码,包括浏览器本身的状态码,http请求返回的状态码。
跨域的基本原理,实现是什么样子。
![](https://img.haomeiwen.com/i2037656/8cc8436c0ae35a9b.png)
首先1行,定义一个对象。2行打开,get形式,/api
Ajax open 方法创建一个新的http请求,并指定此请求的方法、URL以及验证信息
3-10 是异步执行。
get方法,false异步。
5行,4是完成了。6 服务端返回的200返回成功。7服务端返回的内容。能做到不参考任何东西,写出这11行代码。
![](https://img.haomeiwen.com/i2037656/a2678517124cb95e.png)
![](https://img.haomeiwen.com/i2037656/b306a73d93c65507.png)
![](https://img.haomeiwen.com/i2037656/9aad54f554421522.png)
前四个基本管。知道意义。
![](https://img.haomeiwen.com/i2037656/93ed4428d245e82d.png)
![](https://img.haomeiwen.com/i2037656/bf1ba3a5d1e3ab72.png)
![](https://img.haomeiwen.com/i2037656/1884e8870dc24c5d.png)