JavaScript之Ajax

最新推荐文章于 2023-04-10 10:17:36 发布

Langnang

最新推荐文章于 2023-04-10 10:17:36 发布

阅读量642

点赞数

分类专栏： # JavaScript 文章标签： JavaScript Ajax

本文链接：https://blog.csdn.net/qq_38081746/article/details/90641470

版权

Ajax是一种创建交互式网页应用的技术，允许在无需刷新整个页面的情况下更新部分网页内容。它的工作原理包括XMLHttpRequest对象、JavaScript、DOM和XML的结合。Ajax的优势在于局部更新、减轻服务器压力和界面与应用的分离，但也存在跨域、延迟和SEO问题。适用场景如表单驱动交互和快速用户响应，而不适合简单的表单和大量文本替换。解决跨域问题的方法有CORS、JSONP等。

摘要由CSDN通过智能技术生成

什么是ajax?

Ajax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式网页应用的网页开发技术。

Ajax = 异步 JavaScript 和 XML 或者是 HTML（标准通用标记语言的子集）。

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

Ajax 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。

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

传统的网页（不使用 Ajax）如果需要更新内容，必须重载整个网页页面。

工作原理

Ajax的工作原理相当于在用户和服务器之间加了—个中间层(AJAX引擎),使用户操作与服务器响应异步化。并不是所有的用户请求都提交给服务器,像—些数据验证和数据处理等都交给 Ajax引擎自己来做, 只有确定需要从服务器读取新数据时再由Ajax引擎代为向服务器提交请求。

Ajax其核心有 JavaScript、XMLHTTPRequest、DOM对象组成，通过XmlHttpRequest对象来向服务器发异步请求，从服务器获得数据，然后用JavaScript来操作DOM而更新页面。这其中最关键的一步就是从服务器获得请求数据。让我们来了解这几个对象。

(1).XMLHTTPRequest对象
Ajax的一个最大的特点是无需刷新页面便可向服务器传输或读写数据(又称无刷新更新页面),这一特点主要得益于XMLHTTP组件XMLHTTPRequest对象。

XMLHttpRequest 对象方法描述

方法	描述
abort()	停止当前请求
getAllResponseHeaders()	把HTTP请求的所有响应首部作为键/值对返回
getResponseHeader(“header”)	返回指定首部的串值
open(“method”,“URL”,[asyncFlag],[“userName”],[“pa