AJAX介绍 原理 原生Ajax

AJAX介绍

AJAX全称是Asynchronous JavaScript and XML (异步的JavaScript和XML)。

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

AJAX技术

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

AJAX的特点

优点:

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

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

缺点:

●没有浏览历史，不能回退;

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

●SEO不友好(搜索引擎优化,对爬虫不友好)，

原生AJAX

Ajax工作流程:

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

1、创建Ajax对象(XmlHttpRequest)

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

3、获得响应

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

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

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Z0Eq6rrb-1675256687185)(D:\知识点图片\2.1\屏幕截图 2023-02-01 165521.png)]

●responseText 获得字符串形式的响应数据。

1675256687185)]

●responseText 获得字符串形式的响应数据。

●responseXML 获得XML形式的响应数据。