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形式的响应数据。 |