Ajax是什么？Ajax的作用和使用_ajax是干什么的-CSDN博客

本文链接：https://blog.csdn.net/myx20220713/article/details/126354310

Ajax是一种浏览器与服务器间异步数据传输的技术，允许局部刷新页面，提高用户体验。它通过XMLHttpRequest对象实现，现在常使用JSON而非XML进行数据交换。Ajax的优缺点包括无需刷新、局部更新，但存在回退、跨域和SEO问题。jQuery提供$.ajax方法进行AJAX请求，如$.get()用于简单GET请求。同步交互顺序执行，而异步交互则独立、不影响其他代码，提升用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Ajax是什么？

Ajax是一种使用现有技术集合，技术内容包括: HTML 或 XHTML, CSS, JavaScript, DOM, XML, XSLT, 以及最重要的XMLHttpRequest。

用于浏览器与服务器之间使用异步数据传输(HTTP 请求),做到局部请求以实现局部刷新

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

比如百度搜索、百度注册、天猫、京东等

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

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

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

Ajax的工作原理图

Ajax特点：

优点：

可以无需刷新页面与服务器进行通信
允许依据用户事件来更新部分页面内容

缺点：

没有浏览历史，不能回退。存在跨域问题（同源)
SEO不友好（搜索引擎优化，对爬虫不友好)
语法
aja式》方法用于执行AJAX《异步HTTP）清求。
所有的jQuery AJAX方法都使用ajax)方法。该方法通常用于其他方法不B完成的请求。

$-ajax({iinamne : value，name:value， ...})

该参数规定AJAX请求的一个或多个名称/值对

下面的表格中列出了可能的名称/值：

名称	值/描述
async	布尔值,表示请求是否异步处理。默认是true,
type	规定请求的类型(GET 或 POST) .
url	规定发送请求的URL。默认是当前页面。
success(* reyilt,status,xhr*)	当请求成功时运行的函数。
dataType	预期的服务器响应的数据类型。
beforeSend(xhr)	发送请求前运行的函数。
complete(xhr,status)	请求完成时运行的函数〔在请求成功或失败之后均调用。即在success和error函数之后)。
data	规定要发送到服务器的数据。
error(xhr,status,error)	如果请求失败要运行的函数。

$.get()

语法：

$.get(URL ,ca11back);

或

$.get( URL [， data ] [，cal1back ] [，dataType ] )

URL:发送请求的URL字符串。
data:可选的，发送给服务器的字符串或 key/value 键值对。. callback:可选的，请求成功后执行的回调函数。
dataType:可选的。从服务器返回的数据类型。默认：智能猜测（可以是xml, jsor)

例子

$("#btn1").click(function({
         $.get("demoo1.txt" ,function(data,status){
           alert("返回内容:" + data + "\n状态:" + status);
   });
});

效果图

$.getl的第一个参数是我们希望请求的URL ('demo.xt"") .
第二个参数是回调函数。第一个回调参数存有被请求页面的内容。第二个回调参数存有请求的状态。

同步交互和异步交互

所谓同步交互就是指当客户端向服务端和数据库发送数据之后，若要发送下一个请求需要等待服务端和数据库的响应结果。这就好比数据结构中的队列，一个执行完毕在执行下一个。也类似一些面向过程语言的代码执行顺序。

而异步交互就是指客户端向服务端发送数据之后，无需等待服务端和数据库的响应结果，就可以发送下一个请求。

异步请求在执行时，前端页面中的ajax请求与其他部分代码彼此之间是相互独立、互不影响的。如果服务器端不能响应请求，也不会影响其余代码块的执行。因此可以给用户更好的体验。

同步请求在执行时，是从前往后顺序执行的，只有执行完ajax请求才会继续处理后面的代码。下面的代码必须要等到上面的代码执行完毕后，才能够开始执行。所以如果服务器端不能够成功的返回数据，就会导致大部分页面内容无法加载，影响用户体验。