Ajax（总结）

总结

Ajax是一种技术，这种技术通过执行一段js代码就可以实现【Asynchronous JavaScript And XML（也就是异步 JavaScript和XML）】

前端、后端交互的技术也就是【发送请求】与【接受响应结果】

前端需要做的就是写JS代码发送请求、接受服务器返回的结果，并处理【切记接口是后端的事】

关于Ajax代码有两种：

使用工具JQuery： 【别人封装好的，按语法使用】

使用原生的js：

1
2
3
4
5
6
7

var xhr = new XMLHttpRequest();
 xhr.onreadystatechange = function () {
     //this.responseTwxt;服务器返回的结果
 }
xhr.open();
//post方式。注：加请求头
xhr.send();

模版引擎：

加载：

引入template-web.js

设置模版：

type = ‘text/template’ id = ‘xxx’

JS代码 ：

准备数据，实际多数都是服务器返回的数据

调用template函数 ：参数1：模版id 参数2：需要展示的数据 返回值：拼接好一段HTML

模版语法： 【｛｛｝｝英文的花括号】

重点：

1.接口是后端写的，提供接口文档

2.必须按照接口文档来发送请求【注：①接口规定是什么请求方式，必须用该请求方式，哪怕看着不顺眼②接口要什么请求参数，必须给对象的请求参数】

细节：

同步异步：

同步：大多数js功能都是同步任务，会按照代码书写顺序执行。

注:某些任务较为耗时或执行时间不确定，如果采用同步任务，会导致后续的任务等待

异步:异步任务总是在同步任务之后执行，不会导致其它任务进行等待。

--------常见的异步任务有：定时器 / AJAX

请求参数写法：

JQuery封装的三个方法 对象形式：{参数:值,参数:值,…}

原生的JS-------参数=值&参数=值&…

两种请求方式的区别：

意义不同

传递数据大小不同

参数位置不同

接受到服务器返回的数据，如何渲染【模版引擎】