AJAX基础教程

合集下载

js ajax请求写法

js ajax请求写法AJAX（Asynchronous JavaScript and XML）是一种用于创建交互式、动态网页应用程序的技术。

它使用JavaScript和XML或JSON等数据格式，通过浏览器与服务器进行异步通信，实现在不刷新整个页面的情况下更新网页的能力。

在本文中，我们将逐步讨论如何编写AJAX请求的代码，并解释每个步骤的细节和原理。

步骤1：创建XMLHttpRequest对象在AJAX中，我们需要首先创建一个XMLHttpRequest对象，用于与服务器进行通信。

我们可以通过调用“XMLHttpRequest”构造函数来创建一个新的对象，并将其赋值给一个变量，如下所示：javascriptvar xhr = new XMLHttpRequest();步骤2：指定请求参数和方法在AJAX请求中，我们需要指定请求的参数和HTTP方法。

这些参数包括请求的URL、请求的方法（例如GET或POST）以及是否为异步请求。

下面是一个示例：javascriptxhr.open('GET', 'example/api/data', true);在上面的示例中，我们指定了一个GET请求，并将请求的URL设置为“example/api/data”。

另外，最后一个参数设置为true，表示我们将发送异步请求。

步骤3：设置回调函数在AJAX请求中，我们需要为请求指定一个回调函数，该函数将在服务器响应返回时被调用。

这个回调函数将处理服务器响应的数据，并在网页上更新相应的元素。

下面是一个示例：javascriptxhr.onreadystatechange = function() {if (xhr.readyState === 4 && xhr.status === 200) {处理服务器响应的数据var response = JSON.parse(xhr.responseText);在页面上更新相应的元素document.getElementById('result').innerHTML = response.data;}};在上面的示例中，我们通过设置“onreadystatechange”属性来指定回调函数。

Ajax基础教程

简介本文介绍一种方法，Ajax(Asynchronous JavaScript andXML，提出：Jesse James Garrett)，使用它可以构建更为动态和响应更灵敏的Web应用程序。

Ajax是2005年2月才正式提出的一项综合技术，其主要特点是为Web开发提供异步的数据传输和交换方式，可以在不重载（Reload）刷新（Refresh）界面的情况下与服务器进行数据交换。

该方法的关键在于对浏览器端的JavaScript、DHTML和与服务器异步通信的组合。

如果使用得当，这种强大的力量可以使应用程序更加自然和响应灵敏（无刷新更新局部页面），从而提升用户的浏览体验。

术语Ajax用来描述一组技术，它使浏览器可以为用户提供更为自然的浏览体验。

在Ajax之前，Web站点强制用户进入提交/等待/重新显示范例，用户的动作总是与服务器的“思考时间”同步。

Ajax提供与服务器异步通信的能力，从而使用户从请求/响应的循环中解脱出来。

借助于Ajax，可以在用户单击按钮时，使用JavaScript和DHTML（是利用CSS(层叠样式表),JavaScript,HTML等技术而建立的能与访问者产生互动的网页）立即更新UI，并向服务器发出异步请求，以执行更新或查询数据库。

当请求返回时，就可以使用JavaScript和CSS来相应地更新UI，而不是刷新整个页面。

最重要的是，用户甚至不知道浏览器正在与服务器通信：Web站点看起来是即时响应的虽然Ajax所需的基础架构已经出现了一段时间，但直到最近异步请求的真正威力才得到利用。

能够拥有一个响应极其灵敏的Web站点确实激动人心，因为它最终允许开发人员和设计人员使用标准的HTML/CSS/JavaScript堆栈创建“桌面风格的（desktop-like）”可用性。

Google Suggest、Google Maps所有这些Web站点都告诉我们，Web应用程序不必完全依赖于从服务器重新载入页面来向用户呈现更改。

ajax流程

ajax流程
Ajax全称为Asynchronous JavaScript and XML，即异步JavaScript和XML。

它是一种大多数时候使用JavaScript和XML技术异步获取数据的方法。

Ajax的主要目的是，通过异步数据交换，使Web应用程序不需要重新加载页面，从而实现更快，更动态的用户体验。

Ajax流程的基本步骤如下：
1. 用户在浏览器端发送HTTP请求。

2. 这个HTTP请求会发送一些参数，这些参数告诉服务器需要获取哪些数据。

3. 服务器收到请求后，会解析它，并且返回一个响应。

4. 响应包含XML数据或者JSON数据。

XML是可扩展的标记语言，JSON是JavaScript 对象记号，是一种轻量级的数据交换格式
5. 通过JavaScript，浏览器会处理这个响应。

6. 然后，通过使用DOM，JavaScript会更新当前页面，展示刚刚获取的数据。

而在具体实现的过程中，Ajax流程通常可以被拆分成两个高层次的部分：
通常，在Ajax流程中，浏览器需要执行以下原语：
1. 创建一个XMLHttpRequest对象。

2. 配置请求（比如，请求后的操作）。

3. 发送请求并且获取响应。

4. 处理响应。

通过Ajax，我们可以在不刷新整个页面的情况下获得更好的用户体验，加快数据的传输速度，提高页面的性能，从而使Web应用程序更具高效性和易用性。

layui中ajax的用法

layui中ajax的用法Layui是一款轻量级的前端UI框架，它以简洁、易用的设计风格受到广泛关注。

在Layui中，ajax是一种常用的数据交互方式，它可以让网页与后端服务器进行通信，获取或提交数据。

本文将详细介绍Layui中ajax的用法。

一、ajax概述ajax的全称是AsynchronousJavaScriptandXML（异步的JavaScript和XML），它是一种使用JavaScript和XML来与服务器进行通信的技术。

通过ajax，网页可以异步地向服务器请求数据，并在不刷新页面的情况下更新网页的内容。

这种技术可以大大提高网页的交互性和用户体验。

在Layui中，ajax的使用方法与其他JavaScript框架类似，主要包括以下步骤：1.引入Layui的ajax模块首先，需要在HTML文件中引入Layui的ajax模块，以便可以使用其中的功能。

可以在HTML文件的头部引入以下代码：<scriptsrc="/path/to/layui/layui.js"></script>2.创建ajax请求使用Layui的ajax模块，可以很方便地创建ajax请求。

可以使用以下代码创建一个GET请求：e('ajax',function(){varajax=layui.ajax;ajax.get({url:'/path/to/api',//后端服务器的API地址{//发送给服务器的数据key1:value1,key2:value2},success:function(response){//请求成功的回调函数console.log(response);//打印服务器的响应数据},error:function(error){//请求失败的回调函数console.log(error);//打印错误信息}});});3.处理服务器响应当ajax请求成功时，服务器会返回响应数据。

Ajax

AJAX完成验证用户名
4、编写回调的js（判断readyState，判断status，接收返回结果xmlHttp.responseText，进行处理）
function check() { // 提前先准备好验证的结果。 return idFlag; } 修改form表单，添加onsubmit拦截非法数据 <form action=“LoginServlet?status=insert" method="post" onsubmit="return check();">
AJAX完成验证用户名
2、编写js操作（定义xmlHttp，编写创建方法，固定的4个步骤调用）
function checkid(userid) { // 1：创建核心对象 createXMLHttp(); // 2：设置提交方式和提交路径。 xmlHttp.open("post",“LoginServlet? status=checkid&userid="+userid); // 3：设置回调函数，类似一个事件，当Servlet返回数据后，执行checkidCallback方法。 xmlHttp.onreadystatechange= checkidCallback; // 4：提交 xmlHttp.send(); } function checkidCallback () { } </script>
9.1 Ajax介绍
如果可以把请求与回应改为非同步进行，也就是发送请求后，浏览器不需要苦等服务器的回应，而是让使用者对浏览器中的Web应用程序进行其他操作。当服务器处理请求并送出回应时，计算机接收到回应，再呼叫浏览器所设定的对应动作进行处理，如图9.2所示。

AJAX新手快速入门

一 AJAX 我也行
1.0 缘起
我是一个勤奋的 Blogger，坚持不懈的写 Blog，让我有了很多的收获。比如天南地北的朋友，比如千奇百怪的朋友，比如志同道合的朋友。不时会有朋友加我的 MSN，也不时会有一些有趣的对话、甚至诡异的对话。但是，最为诡异的对话，是发生在 2005 年 11 月的某一天。一个叫 Yeka 的朋友在 MSN 上跟我 hi 了一下。 Yeka：hi，你好，我是博文视点的。我：你好，什么事呀 Yeka：想请你写一本书，看看你有没有兴趣。我： Yeka：有朋友向我们推荐你的，我们也觉得你的文笔不错。我：是什么书呀？（内心颇有些得意啊 Yeka：一本关于 AJAX 的新手入门的书。我：（我的朋友，难道这个推荐我的朋友，不知道我不懂 AJAX ）
的吗？八成是要害我吧！）我：是谁呀。 Yeka：熊节，还有孟岩。我：……（无语中……照理说，他们应该了解我的呀，怎么会推荐我来写书呢？而且还是 AJAX 的书。）
可悲啊，我其实是一个意志不坚定的同志，经不起 Yeka、孟岩他们几个的撺掇，我也就跃跃欲试了。内心里想着，AJAX 嘛，新出来的技术，能有多难，
对于 AJAX 本质的理解；对于整个 AJAX 以及相关技术地图的理解；对于 AJAX 编程开发所需要的很多技巧、手段的掌握；几乎是不可能的。如果没有（ N 多需要感谢的人）的（ N 多方面的帮助），我们这本书，也不可能以现在这样的深度，以（N 个月）内完成的速度，送到读者的面前。
希望这本书，能够对大家快速学习 AJAX，有所帮助。
写一本新手入门嘛，也不用写得太深的。现在拿在你手里的这本书，就是我的处女作了——应该叫我们，就像你在封面上看到的那样，有三个人，这个故事有点复杂——这是一本关于 AJAX 的书，也是一本关于我如何写出《AJAX——新手快车道》这样一本书的书。对于我来说，这既是一次极限的写作经历，也是一次极限的学习经历。其中的刺激，让我们一起来领略吧，Let’s GO！

《Ajax教程之一》课件

02
Ajax基础知识
XMLHttpRequest对象
XMLHttpRequest对象用于在后台与服务器交换数据。
它提供了一种方法，可以在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页内容。
XMLHttpRequest对象可以读取从服务器返回的数据，并将这些数据显示在网页上。
发送请求
Ajax的应用场景
要点一
总结词
Ajax适用于需要频繁与服务器交互的网页应用，如动态表单验证、实时搜索、聊天室、在线编辑器等。
要点二
详细描述
在动态表单验证中，Ajax可以用于实时验证用户输入的数据，提高表单提交的效率和用户体验。实时搜索中，Ajax 可以实现动态搜索结果，提高搜索的准确性和效率。在聊天室中，Ajax可以实现实时更新聊天内容，提高聊天的实时性和用户体验。在线编辑器中，Ajax可以实现实时保存和预览功能，提高编辑的效率和用户体验。
详细描述
在Ajax中，发送POST请求与发送GET请求类似，同样使用XMLHttpRequest对象的open()方法指定请求类型为"POST"，然后使用send()方法发送请求。不同的是，POST请求需要将数据包含在请求体中，可以通过设置send()方法的参数或者使用FormData接口来构建请求体。
05
总结与展望
Ajax的优势与不足
优势无需重新加载整个页面，提高用户体验；
减轻服务器负担，提高网站性能；
Ajax的优势与不足
• 实现异步数据交互，提高数据传输效率。
Ajax的优势与不足
01
不足
02
03
04
需要复杂的编程技术，学习成本高；
存在跨域问题，限制了数据交互的范围；

AJAX入门教程-HTTP协议基础

要很好地领会Ajax技术的关键是了解超文本传输协议（HTTP），该协议用来传输网页、图像以及因特网上在浏览器与服务器间传输的其他类型文件。

只要你在浏览器上输入一个URL，最前面的http://就表示使用HTTP来访问指定位置的信息。

（大部分浏览器还支持其他一些不同的协议，其中FTP就是一个典型例子。

）注意：本文中只涉及HTTP协议，这是Ajax开发人员关心的方面，它可作为HTTP 的参考手册或指南。

HTTP由两部分组成：请求和响应。

当你在Web浏览器中输入一个URL时，浏览器将根据你的要求创建并发送请求，该请求包含所输入的URL以及一些与浏览器本身相关的信息。

当服务器收到这个请求时将返回一个响应，该响应包括与该请求相关的信息以及位于指定URL（如果有的话）的数据。

直到浏览器解析该响应并显示出网页（或其他资源）为止。

HTTP请求HTTP请求的格式如下所示：＜request-line＞＜headers＞＜blank line＞[＜request-body＞]在HTTP请求中，第一行必须是一个请求行（request line），用来说明请求类型、要访问的资源以及使用的HTTP版本。

紧接着是一个首部（header）小节，用来说明服务器要使用的附加信息。

在首部之后是一个空行，再此之后可以添加任意的其他数据[称之为主体（body）]。

GET / HTTP/1."1Host:User-Agent:Mozilla/5."0 (Windows; U; Windows NT5."1; en-US; rv:1."7.6)Gecko/ Firefox/1."0.1Connection:Keep-Alive请求行的第一部分说明了该请求是GET请求。

该行的第二部分是一个斜杠（/），用来说明请求的是该域名的根目录。

该行的最后一部分说明使用的是HTTP1."1版本（另一个可选项是1."0）。

ajax 写法

ajax 写法AJAX（Asynchronous JavaScript and XML）是一种基于JavaScript和XML的远程异步请求技术，可以在不重载整个页面的情况下向服务器发送请求并接收响应数据，实现页面动态交互。

本篇文章将介绍AJAX的具体实现方式。

一、创建XMLHttpRequest对象在进行AJAX请求前，需要先创建XMLHttpRequest对象。

不同的浏览器支持不同版本的XMLHttpRequest对象，可以通过以下方式进行创建：//对于非IE浏览器var xhr = new XMLHttpRequest();//对于IE浏览器var xhr = new ActiveXObject("Microsoft.XMLHTTP");二、发送请求在创建XMLHttpRequest对象后，需要使用open()方法设置请求方式、请求地址和是否异步发送请求，然后使用send()方法发送请求。

示例代码如下：("GET","",true);//GET方式发送异步请求();三、接收响应数据在发送请求之后，需要监听XMLHttpRequest对象的readyState属性，获取响应数据。

当readyState等于4时，表示服务器响应完成，可以获取响应数据。

获取数据的方式包括responseText、responseXML 和response，其中responseText返回响应的文本数据，responseXML返回XML格式的响应数据，response返回响应的数据类型，通常为XML或JSON数据。

示例代码如下：xhr.onreadystatechange=function(){if(xhr.readyState==4 && xhr.status==200){var responseText=xhr.responseText;var responseXML=xhr.responseXML;var response=xhr.response;}}四、处理响应数据获取响应数据后，可以对数据进行处理和显示。

ajax get方法

ajax get方法AJAX（AsynchronousJavaScriptandXML）是一种在Web应用程序中使用的技术，可以实现在不重新加载整个页面的情况下，更新部分页面的数据。

其中，Get方法是AJAX的一种请求方式。

Get方法是一种HTTP请求方式，仅用于获取数据。

使用GET方法，浏览器会向服务器发送一个请求，服务器返回一个响应，并将数据显示在页面上。

使用AJAX Get方法，可以在页面上动态地显示数据，而不需要刷新整个页面。

在AJAX Get请求中，使用JavaScript向服务器发送请求，并通过回调函数处理响应。

使用AJAX Get方法的步骤如下：1. 创建XMLHttpRequest对象在JavaScript中，使用XMLHttpRequest对象向服务器发送AJAX 请求。

可以使用以下代码创建XMLHttpRequest对象：var xmlhttp = new XMLHttpRequest();2. 发送请求使用XMLHttpRequest对象发送请求。

可以使用以下代码发送GET 请求：xmlhttp.open('GET', 'ajax_info.txt', true);xmlhttp.send();其中，第一个参数是请求的类型，第二个参数是请求的URL，第三个参数指定请求是否使用异步方式（true表示异步）。

3. 处理响应使用回调函数处理服务器返回的响应。

可以使用以下代码处理响应：xmlhttp.onreadystatechange = function() {if (this.readyState == 4 && this.status == 200) {document.getElementById('demo').innerHTML =this.responseText;}};其中，readyState属性表示请求的状态，status属性表示服务器返回的状态码，responseText属性表示服务器返回的响应数据。

php教程_Ajax入门

l 限制的原因来自于网络延迟的不可确定性，网络联机其实是个很耗资源的行为，程序必须序列化、通讯协议沟通、实体路由传ቤተ መጻሕፍቲ ባይዱ等动作，这些动作都很耗时间与资源，所有透过网络必需的额外操作，常足以拖慢一个系统，就Web应用程序而言，通常只能透过窗体进行数据提交，在同步的情况下，使用者送出窗体之后，就只能等待远程服务器响应，在这段时间内，使用者无法作进一步的操作。
alert("您的浏览器不支持这个Ajax程序的功能"); }
l 在建立XMLHttpRequest之后，则可以使用以下的几种方法： l void open(string method, string url, boolean asynch, string
username, string password) l 开启对服务器端的连结；method为请求方式（GET、POST）；
l 现在的问题是，谁来发送异步请求，事实上有几种解决方案，在 Ajax这个名词被提出之前，早就有着用IFrame的方式，也就是在 HTML页面中内嵌另一个HTML页面，由内嵌的页面来发出请求，而外围的HTML页面还是可以继续让使用者进行操作，有时候 IFrame的解决方式会是简单的，甚至比较好的。
响应文字
} } }
function handleStateChange() { // 在这边处理异步响应 …
}
l 当每次readyState改变时，都会呼叫以上程序片段中设定的 handleStateChange()函数，通常会在请求完成进行处理，所以您可以如以下的程序片段来处理响应：
function handleStateChange() { if (xmlHttp.readyState == 4) { // 测试状态是否请求完成 if (xmlHttp.status == 200) { // 如果服务器端响应OK alert("服务器回应" + xmlHttp.responseText); // 这边只取得

ajax 调用方法

ajax 调用方法Ajax调用方法详解Ajax（Asynchronous JavaScript and XML）是一种用于创建快速动态网页的技术，它通过在后台与服务器进行少量数据交换，实现了网页无需刷新即可更新部分内容的功能。

在前端开发中，Ajax的应用非常广泛，本文将详细介绍几种常见的Ajax调用方法。

一、XMLHttpRequest对象XMLHttpRequest是Ajax的核心对象，它用于与服务器进行数据交互。

通过创建XMLHttpRequest对象并调用其相关方法，可以实现异步加载数据、发送数据到服务器等操作。

创建XMLHttpRequest对象的方法如下：```javascriptvar xhr;if (window.XMLHttpRequest) {xhr = new XMLHttpRequest(); // 非IE浏览器} else if (window.ActiveXObject) {xhr = new ActiveXObject('Microsoft.XMLHTTP'); // IE浏览器}```使用XMLHttpRequest对象发送GET请求的方法如下：```javascriptxhr.open('GET', 'data.php?param1=value1&param2=value2', true);xhr.onreadystatechange = function() {if (xhr.readyState === 4 && xhr.status === 200) {var response = xhr.responseText;// 处理服务器返回的数据}};xhr.send();```使用XMLHttpRequest对象发送POST请求的方法如下：```javascriptxhr.open('POST', 'data.php', true);xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');xhr.onreadystatechange = function() {if (xhr.readyState === 4 && xhr.status === 200) {var response = xhr.responseText;// 处理服务器返回的数据};xhr.send('param1=value1&param2=value2');```二、jQuery的Ajax方法jQuery是一款功能强大的JavaScript库，它封装了许多常用的操作，包括Ajax。

js进阶ajax基本用法（创建对象，连接服务器，发送请求，获取服务器传过来的数据）

js进阶ajax基本⽤法（创建对象，连接服务器，发送请求，获取服务器传过来的数据）js进阶ajax基本⽤法（创建对象，连接服务器，发送请求，获取服务器传过来的数据）⼀、总结1、ajax的浏览器的window对象的XMLHtmlRequest对象的两个重要⽅法：open()，send()2、ajax对象XMLHtmlRequest对象的三个重要属性：a、onreadystatechange b、readyState c、status d、responseText e、statusText3、onreadystatechange判断状态改变属性的使⽤： myajax.onreadystatechange=function(){}4、ajax使⽤四个步骤（详细看下⾯代码）：a、创建XMLHttpRequest对象b、open()⽅法连接服务器c、send()⽅法发送请求给服务器d、onreadystatechange属性连接函数以接收responseText属性从服务器返回的数据⼆、js进阶ajax基本⽤法准备⼯作配置本地服务器环境，这⾥推荐安装：phpstudy，优点：⼀次性安装，⽆须配置即可使⽤，⾮常⽅便Ajax 简介> 什么是 Ajax ？AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）AJAX 可以通过在后台与服务器进⾏少量数据交换，使⽹页实现异步更新。

这意味着可以在不重新加载整个⽹页的情况下，对⽹页的某部分进⾏更新。

传统的⽹页（不使⽤ AJAX）如果需要更新内容，必需重载整个⽹页⾯。

Ajax 的基本⽤法1. 创建 XMLHttpRequest 对象语法：var myAjax=new XMLHttpRequest();⽼版本的 IE（IE5 和 IE6）使⽤ ActiveX 对象：var myAjax=new ActiveXObject("Microsoft.XMLHTTP");2. 向服务器发送请求:使⽤open() 和 send() ⽅法：open(method,url,async):规定请求的类型、URL 以及是否异步处理请求。

AJAX 教程

AJAX 基础AJAX 高级• • • • • • • •AJAX 首页 AJAX 简介 AJAX HTTP 请求 AJAX 实例 AJAX 浏览器支持AJAX XMLHttpRequest• • • • • •AJAX 请求实例 AJAX 请求源代码 AJAX 数据库实例 AJAX XML 实例 AJAX ResponseXML AJAX 实例 AJAX 实例AJAX 请求服务器 AJAX 服务器脚本AJAX 指异步 JavaScript 及 XML（Asynchronous JavaScript And XML）。

（）。

AJAX 是一种在 2005 年由 Google 推广开来的编程模式。

推广开来的编程模式。

AJAX 不是一种新的编程语言，而是一种使用现有标准的新方法。

不是一种新的编程语言，而是一种使用现有标准的新方法。

应用程序。

通过 AJAX，你可以创建更好、更快以及更友好的 WEB 应用程序。

，你可以创建更好、 AJAX 基于 JavaScript 和 HTTP 请求（HTTP requests）。

请求（）。

现在就开始学习 AJAX！ AJAX 指异步 JavaScript 及 XML（Asynchronous JavaScript And XML）。

（）。

您应当具备的基础知识在继续学习之前，您需要对下面的知识有基本的了解：• HTML / XHTML • JavaScript如果您希望首先学习这些项目，请在我们的首页访问这些教程。

AJAX = 异步 JavaScript 及 XML（Asynchronous JavaScript and XML）（）AJAX 不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的 Web 应用程序的技术。

通过 AJAX，您的 JavaScript 可使用 JavaScript 的 XMLHttpRequest 对象来直接与服务器进行通信。

ajax教程

Ajax教程作者：金云龙。

如要转发，请注明出处:1.同步交互和异步交互●同步交互⏹客户端向服务器端发送请求——> 等待服务器端处理——> 处理完毕返回，这个期间客户端不能做任何其他事情。

⏹发送方发出数据后，等接收方发回响应以后才发下一个数据包的通讯方式。

⏹举例：文件上传●异步交互⏹客户端向服务器端发送请求——> 等待服务器端处理——> 处理完毕返回，这个期间客户端可以做其他事情。

⏹发送方发出数据后，不等接收方发回响应，接着发送下个数据包的通讯方式。

⏹举例：文件上传2.Ajax的定义●Ajax被认为是(Asynchronous JavaScript and XML的缩写）。

●允许浏览器与服务器通信而无须刷新当前页面的技术都被叫做Ajax。

3.Ajax现今经典案例●AJAX案例之google suggest●AJAX案例之Google Maps4.Ajax模型与传统web模型的区别●Ajax模型●传统web模型5.实现异步交互的技术●Flash●Java applet●框架：如果使用一组框架构造了一个网页，可以只更新其中一个框架，而不必惊动整个页面●隐藏的iframe●XMLHttpRequest：该对象是对JavaScript 的一个扩展，可使网页与服务器进行通信。

是创建Ajax 应用的最佳选择。

实际上通常把Ajax 当成XMLHttpRequest 对象的代名词。

6.Ajax的工作原理●Ajax的核心是JavaScript对象XmlHttpRequest。

●XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应，而不阻塞用户。

●用户的浏览器在执行任务时即装载了AJAX引擎。

AJAX引擎用JavaScript语言编写，通常藏在一个隐藏的框架中。

它负责编译用户界面及与服务器之间的交互。

●AJAX引擎允许用户与应用软件之间的交互过程异步进行，独立于用户与网络服务器间的交流。

$.ajax()方法详解-ajax怎么用

$.ajax()方法详解:ajax怎么用1.url:要求为String类型的参数，（默认为当前页地址）发送请求的地址。

2.type:要求为String类型的参数，请求方式（post或get）默认为get。

注意其他H请求方法，例如put和delete也可以使用，但仅部分浏览器支持。

3.timeout:要求为Number类型的参数，设置请求超时时间（毫秒）。

此设置将覆盖$.ajaxSetup()方法的全局设置。

4.async:要求为Boolean类型的参数，默认设置为true，所有请求均为异步请求。

如果需要发送同步请求，请将此选项设置为false。

注意，同步请求将锁住浏览器，用户其他操作必须等待请求完成才可以执行。

5.cache:要求为Boolean类型的参数，默认为true（当dataType为script时，默认为false），设置为false将不会从浏览器缓存中加载请求信息。

6.data:要求为Object或String类型的参数，发送到服务器的数据。

如果已经不是字符串，将自动转换为字符串格式。

get请求中将附加在url后。

防止这种自动转换，可以查看processData选项。

对象必须为key/value格式，例如{foo1:”bar1”,foo2:”bar2”}转换为&foo1=bar1&foo2=bar2。

如果是数组，JQuery将自动为不同值对应同一个名称。

例如{foo:[“bar1”,”bar2”]}转换为&foo=bar1&foo=bar2。

7.dataType:要求为String类型的参数，预期服务器返回的数据类型。

如果不指定，JQuery 将自动根据H包mime信息返回responseXML或responseText，并作为回调函数参数传递。

可用的类型如下：xml：返回XML文档，可用JQuery处理。

html：返回纯文本HTML 信息；包含的script标签会在插入DOM时执行。