6-4 Ajax-XMLHttpRequst

6-4 Ajax-XMLHttpRequst_第1张图片

前端不可能做静态,要交互就需要ajax。这节基础为主。应用后面用jquery。考试考基础,应用,用封装。ajax的比较重要的两块就是上面。

不要说jquery怎么做的,你手动怎么写是重点。

跨域怎么做,原理是什么(很重要,怎么实现的机制)。中大型公司,不同产品线域名是不一样的。比如慕课网就是域名不一样。移动端和服务端域名可能也不一样。


6-4 Ajax-XMLHttpRequst_第2张图片

XMLHttpRequest函数涉及很多状态码,包括浏览器本身的状态码,http请求返回的状态码。

跨域的基本原理,实现是什么样子。


6-4 Ajax-XMLHttpRequst_第3张图片

首先1行,定义一个对象。2行打开,get形式,/api

Ajax open 方法创建一个新的http请求,并指定此请求的方法、URL以及验证信息


3-10 是异步执行。

get方法,false异步。

5行,4是完成了。6 服务端返回的200返回成功。7服务端返回的内容。能做到不参考任何东西,写出这11行代码。


6-4 Ajax-XMLHttpRequst_第4张图片



6-4 Ajax-XMLHttpRequst_第5张图片


6-4 Ajax-XMLHttpRequst_第6张图片

前四个基本管。知道意义。

6-4 Ajax-XMLHttpRequst_第7张图片



6-4 Ajax-XMLHttpRequst_第8张图片


6-4 Ajax-XMLHttpRequst_第9张图片

你可能感兴趣的:(6-4 Ajax-XMLHttpRequst)