2.2日总结

2.1日总结2

1 AJAX 介绍

1.1 同步与异步的区别

同步的理解:

同步就是指一个进程在执行某个请求的时候，若该请求需要一段时间才能返回信息，那么这个进程将会一直等待下去,直到收到返回信息。

同步就相当于是当客户端发送请求给服务端，在等待服务端响应的请求时，客户端不做其他的事情。当服务端做完了才返回到客户端。这样的话客户端需要一直等待。用户使用起来会有不友好。

异步的理解：

异步是指进程不需要一直等下去，而是继续执行下面的操作，不管其他进程的状态。当有消息返回时系统会通知进程进行处理,这样提高了执行的效率。

异步就相当于当客户端发送给服务端请求时，在等待服务端响应的时候，客户端可以做其他的事情，这样节约了时间，也提高了效率

同步是阻塞模式，异步是非阻塞模式

1.2 AJAX技术

AJAX是一种用于创建快速动态网页的技术。

通过在后台与服务器进行少量数据交换，AJAX可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

传统的网页(不使用 AJAX)如果需要更新内容，必需重载整个页面。

XML，可扩展标记语言，被设计用来传输和存储数据。XML和HTML类似，不同的是HTML中都是预定义标签，而XML中没有预定义标签，全都是自定义标签，用来表示一些数据。

以前Ajax是用XML格式的字符串进行数据交换，现在已经逐渐被JSON所取代了。

1.3 Ajax的特点

优点:

• 可以无需刷新页面，与服务器进行通信;

• 允许依据用户事件来更新部分页面内容。

缺点:

没有浏览历史,不能回退;

• 存在跨域问题(同源);

• . SEO不友好(搜索引擎优化,对爬虫不友好)。

2 Ajax原理

客户端发送请求，请求交给 XMNLHttpRequest,XNLHttpRequest,把请求提交给服务，服务器进行业务处理，服务器响应数据交给XMLHttpRequest对象，XMLHttpRequest对象接收数据，由javascript 把数据写到页面上。

3 原生Ajax

Ajax工作流程:

Aijax通过 Xm)HttpRequest对象来向服务器发出异步请求，从服务器获得数据，然后用Javascript来操作DOM，进而更新页面。

1、创建Ajax对象(HttpRequest)

var xx = new XMLHttpRequest()

2、判断数据的传输方式(get/post)，打开连接（open())

xmlhttp.open("get","http://127.0.0.1:8089",true);

3、获得响应

如需获得来自服务器的响应，请使用XMLHttpRequest对象的responseText或responseXML属性。

属性	描述
responseText	获得字符串形式的响应数据。
responseXML	获得XML形式的响应数据。

4 数据交换格式

数据交换格式,就是服务器端与客户端之间进行数据传输与交换的格式。前端领域,经常提及的两种数据交换格式分别是XML 和JSON。

4.1 XML

XML是指Extensible Markup Language(可扩展标记语言)，标准通用标记语言的子集，简称XML。是一种用于标记电子文件使其具有结构性的标记语言。

4.1.1 XML的特点

• 使用类似HTML 的标签描述，标签成对出现。

• 标签名字随意,没有预定义。

• 标签名字就是属性名,标签中间存储属性的值。

• 没有值的属性可以自闭和,<name/>,表示 name属性没有值。

• mimetype=application/xm1，独立存在文件叫*.xm1 。

• 虽然长得像HTML,但是和HTML没有关系。

4.1.2 XML与HTML功能对比

xml的重点是为了传输和存储数据，是数据的载体;一般是程序员来解析得到标签中的内容。

html的重点是描述网页内容，是网页内容的载体;一般是浏览器来解析并显示成页面。

4.2 JSON

JSON 是指JavaScript Object Notation (JS对象简谱)，是一种轻量级的数据交换格式，javascript对象表示法。

JSON是一种轻量级的文本数据交换格式，在作用上类似于XML，专门用于存储和传输数据，但是JSON比XML更小、更快、更易解析。

JSON是在2001年开始被推广和使用的数据格式，迄今为止，JSON已经成为了主流的数据交换格式。

4.2.1 JSON的两种结构

JSON就是用于字符串来表示JavaScript的对象和数组，所以，JSON中包含对象和数组两种结构，通过这两种结构的相互嵌套，可以表示各种复杂的数据结构。

• 对象结构

  对象结构在JSON中表示为{}括起来的内容。数据结构为{key: value，key: value，...]的键值对结构。其中, key必须是使用英文的双引号包裹的字符串，value的数据类型可以是数字、字符串、布尔值、null、数组、对象6种类型。

• 数组结构

数组结构在JSON中表示为[】括起来的内容。数组结构为["java"，"javascript"，30，true，...]。数组中数据的类型可以是数字、字符串、布尔值、null、数组、对象6种类型。

4.2.2 JSON语法注意事项：

• 属性名必须使用双引号包裹;

• 字符串类型的值必须使用双引号包裹;

• JSON中不允许使用单引号表示字符串;

• JSON中不能写注释;

• JSON的最外层必须是对象或数组格式;

• 不能使用undefined 或函数作为JSON的值。

4.2.3 JSON和JS对象的关系

4.2.4 JSON和JS对象的相互转换

要实现从JSON字符串转换为JS对象，使用JSON.parse()方法:

要实现从JS对象转换为JSON字符串，使用JSON.stringify)方法。

4.2.5 序列化与反序列化

把数据对象转换为字符串的过程，叫做序列化。例如:调用JSON.stringify()函数的操作，叫做JSON序列化SON.stringify)函数就叫做序列化函数。

把字符串转换为数据对象的过程，叫做反序列化，例如:调用’JSON.parse()函数的操作，叫做JSON . parse函数就叫做反序列化函数。

4.2.6 工作中常用JSON还是XML作为传输的格式

json是最常用的方式：

1、结构简单

2、结构清晰

XML的缺点：

1、内容比 json大,传输比 json占用更多的带宽;

2、解析很麻烦,需要借助解析框架,门槛高。