下载文档原格式
AJAX技术基础介绍基于XML的异步JavaScript，简称AJAX，是当前W eb创新(称为Web2.0)中的一个王冠。
感谢组成AJAX的各种技术，Web应用的交互如Flickr, Backpack和Goo gle在这方面已经有质的飞跃。
这个术语源自描述从基于网页的Web应用到基于数据的应用的转换。
在基于数据的应用中，用户需求的数据如联系人列表，可以从独立于实际网页的服务端取得并且可以被动态地写入网页中，给缓慢的Web应用体验着色使之像桌面应用一样。
虽然大部分开发人员在过去使用过XMLHttp或者使用Iframe来加载数据，但仅到现在我们才看到传统的开发人员和公司开始采用这些技术。
就像新的编程语言或模型伴随着更多的痛苦，开发人员需要学习新的技巧及如何最好利用这些新技术。
AJAX模式许多重要的技术和AJAX开发模式可以从现有的知识中获取。
例如，在一个发送请求到服务端的应用中，必须包含请求顺序、优先级、超时响应、错误处理及回调，其中许多元素已经在Web服务中包含了，就像现在的S OA。
AJAX开发人员拥有一个完整的系统架构知识。
同时，随着技术的成熟还会有许多地方需要改进，特别是U I部分的易用性。
AJAX开发与传统的CS开发有很大的不同。
这些不同引入了新的编程问题，最大的问题在于易用性。
由于AJ AX依赖浏览器的JavaScript和XML，浏览器的兼容性和支持的标准也变得和JavaScript的运行时性能一样重要了。
这些问题中的大部分来源于浏览器、服务器和技术的组合，因此必须理解如何才能最好的使用这些技术。
综合各种变化的技术和强耦合的客户服务端环境，AJ AX提出了一种新的开发方式。
AJAX开发人员必须理解传统的MVC架构，这限制了应用层次之间的边界。
同时，开发人员还需要考虑CS环境的外部和使用AJAX技术来重定型MVC边界。
最重要的是，AJAX开发人员必须禁止以页面集合的方式来考虑Web应用而需要将其认为是单个页面。
ajax教程AJAX教程AJAX（Asynchronous JavaScript and XML）是一种用于创建交互式网页应用程序的技术。
它通过在后台与服务器进行数据交换，而不需要重新加载整个页面，实现了在网页上更新部分内容的功能。
AJAX的核心是JavaScript和XML（现在也可以使用JSON）的组合。
它借助XMLHttpRequest对象来与服务器进行数据交换，将返回的数据动态显示在网页上。
AJAX的优势在于提升用户体验和减少网络流量。
通过使用AJAX，我们可以在不刷新整个页面的情况下获取数据并将其显示在页面上，这样能够实现更加快速、流畅的用户交互。
同时，由于只获取了需要的数据，而不是整个页面，所以也减少了不必要的网络流量，达到了节省带宽的效果。
在使用AJAX的过程中，需要注意一些问题。
首先，需要处理不同浏览器的兼容性问题，因为不同浏览器对于AJAX的实现方式有所区别。
为了解决这个问题，我们可以使用现代的JavaScript库，如jQuery，它提供了封装好的AJAX函数，使开发过程变得简单易用。
其次，由于AJAX是通过与服务器进行异步通信来获取数据的，所以需要处理服务器响应的时间和错误。
为了保证用户体验，我们可以使用loading动画或进度条来提示用户正在等待数据加载。
最后，AJAX的设计应该符合优雅降级和渐进增强的原则。
优雅降级是指当某个功能在用户的浏览器中不可用时，可以有一个替代方案，而不是完全让功能无法使用。
渐进增强是指从最基础的功能开始，逐步增加更高级的功能，以确保在各种环境下都能正常工作。
总结来说，AJAX是一种强大的技术，可以帮助我们创建出更加交互式和高效的网页应用程序。
正确认识和使用AJAX，可以提升用户体验，并减少网络流量消耗。
但在应用中需要注意兼容性、响应时间和错误处理，同时还要遵循优雅降级和渐进增强的原则。
以上是关于AJAX的简要介绍，希望对你有所帮助。
AJAX定义:***************************************************************AJAX 是异步JavaScript 和XML.AJAX 是一种用于创建快速动态网页的技术.通过后台与服务器进行少量的数据交换,AJAX可以使网页实现异步更新,这意味着可以不需要刷新网页,对网页的某部分进行更新,*************************************************************** XMLHttpRequestAJAX的基础是XMLHttpRequest对象所有的现代浏览器都支持XMLHttpRequest对象(IE5和IE6使用ActiveXObject)创建XMLHttpRequest对象的语法是:var xhr;xhr = new XMLHttpRequest();IE5和IE6使用ActiveXObjectvar xhr;xhr = new ActiveXObject(“Microsoft.XMLHTTP”);为了应付所有现代浏览器,一般都要先检查是否支持XMLHttpRequest对象var xhr;If(window.XMLHttpRequest){xhr = new XMLHttpRequest();}else{xhr =new ActiveXObject(Microsoft XMLHTTP);}如需将请求发送到服务器,则使用XMLHttpRequest对象的open()和send() 方法xhr.open(“method”,”url”,async);xhr.send(s);open方法中规定请求的类型链接以及是否异步处理请求method 代表请求类型GET或者POSTur代表文件在服务器上的位置async :true(异步)或者false(同步) 一般都是truesend(string) 将请求发送到服务器string仅用于post请求GET和POST GET更简单也更快,但在以下情况下,请使用POST1.无法使用缓存文件(更新服务器上的文件或者数据库)2.向服务器发送大量数据3.发送包含位置字符的用户输入时,POST比GET更稳定更可靠GET请求为了避免出现得到的缓存的结果,请向URL中添加一个唯一的ID:var xhrxhr.open(“GET”,”test1.cgi?t=”+Math.random(),true);xhr.send();POST请求如果需要像HTML表单那样POST数据,就试用setRequsetHeader()来添加HTTP 头,然后再send中规定希望发送的数据var xhrxhr.open(“POST”,”test1.cgi”,true);xhr.setRequestHeader(“Content-type”,” application/x-www-form-urlencoded”);xhr.send(“fname=Bill&lname=Gates”);setRequestHeader(header,value) 向请求添加HTTP头header 规定的头名value规定的头的值当async=true时,请规定在响应处于onreadystatechange事件中的就绪状态时执行的函数:如果使用async=false时,请不要使用onreadystatechange函数,直接把代码放在send()后面即可. var xhrxhr.onreadystatechange =function(){if(xhr.readState ==4 && xhr.status == 200){document.getElementById(“myDIV”).innerHTML=xhr.responseTtxt;}xhr.open(“POST”,”test1.cgi”,true);xhr.send();}******************************************************************************* 服务器响应如果获得来自服务器的响应,请使用XMLHttprequest对象的responseText或responseXML 属性.responseText 或者字符串形式的响应数据responseXML 获得XML形式的响应数据responseText 属性返回字符串形式的响应,因此可以这样使用:document.getElementById(“myDiv”).innerHTML=xhr.responseText;onreadystatechange 事件当请求被发送到服务器时,我们需要执行一些基于响应的人物当readyState 存有XMLHttpRequest的状态.从0-4发生变化0:请求未初始化1 服务器连接已经建立2.请求已经接收3.请求处理中4 请求已经完成,且响应已经就绪status 200 代表OK 404 代表未找到页面当readyStatus为4 且status状态为200的时候.表示响应已经就绪: Onreadystatuschange 事件被触发4次,对应着readyStatus的每个变化var xhrxhr.onreadystatechange = function(){if(xhr.readStatus == 4 && xhr.status ==200){document.getElementByid(“myDiv”).innerHTML=xhr.responseText;}}******************************************************************************* 使用Callback函数Callback函数是一种以参数形式传递给另一个函数的函数如果存在多个AJAX任务,那么应该为创建XMLHttpRequest对象编写一个标准的函数,并为每个AJAX任务调用该函数. 该函数调用应包含URL以及发生的onreadystatechange事件时执行的任务.******************************************************************************* responseXML 获得XML形式响应数据。
JSP Ajax相关技术简介Ajax不是单一的技术，而是四种技术的集合。
表8-1简要介绍了这些技术，以及它们所扮演的角色。
Ajax为用户提供了复杂的、运转良好的应用，改善了用户的交互体验。
Ajax 中主要技术之间的关系如下所述：JavaScript就像胶水将各个部分粘合在一起，定义应用的工作流程和业务逻辑。
通过使用JavaScript操作DOM来改变和刷新用户界面，不断地重绘和重新组织显示给用户的数据，并且处理用户基于鼠标和键盘的交互。
CSS为应用提供了一致的外观，并且为以编程方式操作DOM提供了强大的捷径。
XMLHttpRequest对象（或者类似的机制）则用来与服务器进行异步通信，在用户工作时提交用户的请求并获取最新的数据。
图8-1显示Ajax相关技术工作流程。
图8-1 Ajax的四个主要组件JavaScript定义了业务规则和程序流程。
应用程序使用XMLHttpRequest对象（或类似的机制）以后台方式从服务器获得的数据，通过DOM和CSS来改变界面的外观。
Ajax的四种技术之中，CSS、DOM和JavaScript这三个都不是新面孔，它们以前合在一起称作动态HTML，或者简称DHTML。
DHTML可以为Web页面创造新奇古怪的、交互性很强的界面，但是它永远也无法克服需要完全刷新整个页面的问题。
问题在于，如果没有和服务器通信的能力，只有空的漂亮界面，还是无法实现一些真正有意义的功能。
Ajax除了大量使用DHTML，还可以发送异步请求，这大大延长了Web页面的寿命。
通过与服务器进行异步通信，无须打断用户正在界面上执行的操作，Ajax与其前任DHTML相比，为用户带来了真正的价值。
更加方便的是，所有这些技术都已经预先安装在绝大多数Web浏览器之中，包括微软公司的IE、Mozilla/Gecko系列的浏览器（例如Firefox、Mozilla Suite、Net scape Navigator和Camino）、Opera、苹果公司的Safari，以及它的近亲UNIX KDE 桌面系统里的Konqueror。
jsajax请求的五个步骤AJAX（Asynchronous JavaScript and XML）是一种使用JavaScript和XML来进行异步数据交互的技术。
它通过在不重新加载整个页面的情况下，动态地更新部分页面内容，提高用户体验和页面加载速度。
下面将详细介绍AJAX请求的五个步骤。
第一步：创建XMLHttpRequest对象在JavaScript中，可以使用XMLHttpRequest对象来发送AJAX请求。
该对象允许与服务器交互，并从服务器获取数据。
我们可以通过以下代码来创建XMLHttpRequest对象：```var xhr = new XMLHttpRequest(;```第二步：设置请求参数在发送AJAX请求之前，需要设置一些请求参数，例如请求类型、URL、是否异步、请求头、请求体等。
以下是设置请求参数的示例：```xhr.setRequestHeader('Content-Type', 'application/json');```第三步：设置回调函数在接收到服务器响应后，需要执行一些操作，例如更新页面内容、处理返回的数据等。
为此，我们需要设置一个回调函数，用于处理服务器响应。
通常有四个回调函数可用：- onreadystatechange：当请求状态发生变化时触发- onload：当请求成功完成时触发- onprogress：在接收服务器响应期间触发- onerror：在请求发生错误时触发以下是设置回调函数的示例：```xhr.onreadystatechange = functioif (xhr.readyState === 4 && xhr.status === 200)//执行操作}};```第四步：发送请求当所有准备工作都完成后，可以调用send方法来发送AJAX请求。
如果是GET请求，可以将参数放在URL中；如果是POST请求，需要将参数作为send方法的参数传递。
JavaScript的Ajax请求尊敬的读者，本文将为您详细介绍JavaScript中的Ajax请求。
在开发Web应用程序时，我们经常需要从服务器获取数据，Ajax可以帮助我们通过异步请求从服务器获取数据并更新网页内容，而无需刷新整个页面。
下面将从Ajax的概念、原理、基本用法以及常见应用等方面进行阐述。
一、Ajax的概念和原理Ajax全称为Asynchronous JavaScript and XML（异步JavaScript和XML），它是一种使用现有的技术在网页中实现异步数据交互的方法。
通过使用Ajax，我们可以在不刷新页面的情况下更新网页内容。
Ajax的原理是通过XMLHttpRequest对象向服务器发送HTTP请求，然后接收服务器返回的响应，从而实现与服务器的异步通信。
在接收到响应后，可以通过JavaScript动态地更新网页内容。
Ajax的异步特性使得用户不会感到页面的卡顿，提升了用户体验。
二、基本用法在JavaScript中使用Ajax请求通常需要以下步骤：1. 创建XMLHttpRequest对象：在现代浏览器中，我们可以使用`new XMLHttpRequest()`来创建XHR对象。
若需要兼容旧版IE，可以使用`newActiveXObject("Microsoft.XMLHTTP")`。
2. 发送HTTP请求：通过XHR对象的`open()`方法设置请求的方法（GET或POST）和目标URL，然后调用`send()`方法发送请求。
如果是POST请求，可以在`send()`方法中传递参数。
3. 监听请求状态变化：可以使用XHR对象的`onreadystatechange`事件或`addEventListener()`方法监听请求状态的变化，并在其中处理服务器的响应。
4. 处理服务器响应：在XHR对象的`onreadystatechange`事件中，可以通过判断`readyState`和`status`属性的值来处理服务器的响应。
ajax技术原理Ajax是一种用于创建交互式Web应用程序的技术，它可以让Web页面可以在不刷新整个页面的情况下向服务器发送请求并获取数据，然后在页面中动态地显示它们。
Ajax技术是基于多种技术的复杂集成，它涉及到浏览器端JavaScript、DOM、XMLHttpRequest对象、服务器端脚本等多个方面。
本文将针对Ajax技术的原理、工作流程、技术架构等方面进行详细的介绍。
一、Ajax技术的原理Ajax全称为Asynchronous JavaScript and XML，它最初是由Jesse James Garrett提出的一种Web开发技术，Ajax技术的核心思想是使用JavaScript和XMLHttpRequest对象来与服务器异步通信，从而实现页面的更新，而不需要刷新整个页面。
在使用Ajax技术前，Web应用程序需要刷新整个页面，同时每次页面刷新会向服务器发送一次请求，导致页面响应延迟，影响用户体验。
而使用Ajax技术后，浏览器可以只更新部分页面，不需要刷新整个页面，同时可以多次向服务器请求数据。
Ajax技术的原理是基于JavaScript语言，通过JavaScript语法实现浏览器与服务器之间的异步通信。
在Web页面中，我们可以通过JavaScript创建一个XMLHttpRequest对象，然后使用该对象向服务器发送请求并获取数据。
发送的请求类型可以是各种不同的请求类型，比如GET、POST、PUT、DELETE等。
服务器接收到请求后，会对请求进行处理，并将响应数据返回给浏览器。
浏览器接收到响应数据后，就可以将其显示到页面中，完成页面的更新，而不需要刷新整个页面。
二、Ajax技术的工作流程Ajax技术的工作流程是由浏览器端和服务器端两部分组成。
浏览器端负责通过JavaScript创建XMLHttpRequest 对象，然后向服务器发送HTTP请求。
在服务器端，接收到HTTP请求后，服务器会根据请求类型进行相应的处理，然后将处理结果返回给浏览器。
js 原生ajax请求方法JavaScript原生AJAX请求方法AJAX（Asynchronous JavaScript and XML）是一种用于在网页中进行异步数据交互的技术。
通过AJAX，可以在不刷新整个页面的情况下，通过与服务器进行数据交换，更新部分页面的内容。
在JavaScript中，可以使用原生的AJAX请求方法来实现与服务器的数据交互。
下面将介绍几种常用的原生AJAX请求方法。
1. XMLHttpRequest对象XMLHttpRequest对象是原生AJAX请求的核心。
它提供了一组用于发送和接收HTTP请求的方法和属性。
需要创建一个XMLHttpRequest对象：```javascriptvar xhr = new XMLHttpRequest();```然后，可以使用该对象的open()方法指定请求的类型、URL和是否异步：```javascriptxhr.open('GET', '/api/data', true);```接下来，可以使用该对象的send()方法发送请求：```javascriptxhr.send();```发送请求后，可以通过监听该对象的readystatechange事件来获取服务器的响应：```javascriptxhr.onreadystatechange = function() {if (xhr.readyState === 4 && xhr.status === 200) {var response = xhr.responseText;// 处理服务器的响应数据}};```2. fetch函数fetch函数是ES6引入的新特性，也可以用于发送AJAX请求。
它使用Promise对象来处理异步操作。
使用fetch函数发送GET请求：```javascriptfetch('/api/data').then(function(response) {if (response.ok) {return response.json();} else {throw new Error('Network response was not ok.'); }}).then(function(data) {// 处理服务器的响应数据}).catch(function(error) {// 处理错误});```使用fetch函数发送POST请求：```javascriptfetch('/api/data', {method: 'POST',headers: {'Content-Type': 'application/json'},body: JSON.stringify(data)}).then(function(response) {if (response.ok) {return response.json();} else {throw new Error('Network response was not ok.');}}).then(function(data) {// 处理服务器的响应数据}).catch(function(error) {// 处理错误});```3. axios库axios是一个流行的第三方库，用于发送AJAX请求。
js jquery ajax的用法jQuery是一个快速、简洁的JavaScript库，它封装了用于处理事件、AJAX、DOM操作等的方法，使得JavaScript编写代码的复杂性大大降低。
其中，AJAX是一种网页异步传输数据的技术，在不重新加载页面的情况下向服务器请求并获取数据。
使用jQuery进行AJAX请求需要使用jQuery库的$.ajax()方法。
该方法有多个参数，下面介绍几个主要的参数：1. url：表示服务器处理请求的地址，必填项；2. type：表示发送请求的方式，包括“GET”和“POST”，默认为“GET”；3. data：表示要发送的数据，可以为一个对象、字符串或者数组；4. dataType：表示服务器返回的数据类型，常用的包括“xml”、“json”和“html”；5. success：AJAX请求成功时的回调函数，函数中返回的数据即为后台返回的数据；6. error：AJAX请求失败时的回调函数。
下面是一个示例代码：```$.ajax({url: '/api/data',type: 'GET',data: { page: 1 },dataType: 'json',success: function (data) {(data);},error: function (xhr, status, error) {(error);}});```上述代码中，发送了一个GET请求到‘/api/data’地址，请求参数为{page:1}，数据类型为json。
如果请求成功，将返回的数据打印在console中，否则打印错误信息。
除了$.ajax()方法之外，jQuery还提供了一些常用的AJAX快捷方法，例如$.get()、$.post()、$.getJSON()等。
这些方法都是对$.ajax()的封装，使用方法更加简单。
例如，使用$.get()方法获取响应数据可以这样实现：```$.get('/api/data', { page: 1 }, function (data) {(data);}, 'json');```上述代码中，发送了一个GET请求到‘/api/data’地址，请求参数为{page:1}，数据类型为json。
Java学习--Ajax介绍及使⽤⼀、使⽤Ajax1、什么是ajax？是⼀种⽤来改善⽤户体验的技术，本质上是利⽤浏览器提供的⼀个特殊对象(XMLHttpRequest对象，⼀般也可以称之为ajax对象)向服务器发送异步请求；服务器返回部分数据，浏览器利⽤这些数据对当前页⾯做部分更新；整个过程，页⾯⽆刷新，不打断⽤户的操作。
注：异步请求，指的是，当ajax对象发送请求时，浏览器不会销毁当前页⾯，⽤户仍然可以对当前页⾯做其它操作2、获取ajax对象function getXhr(){var xhr = null;if(window.XMLHttpRequest){//⾮ie浏览器xhr = new XMLHttpRequest();}else{xhr = new ActiveXObject('MicroSoft.XMLHttp');}return xhr;}3、ajax对象的⼏个重要属性onreadystatechange: 绑订事件处理函数，⽤来处理readystatechange事件。
注：当ajax对象的readyState属性值发⽣了任何的改变，⽐如从0变成了1，就会产⽣readystatechange事件。
readyState：有5个值(分别是0,1,2,3,4),⽤来获取ajax对象与服务器通信的进展。
其中,4表⽰ajax对象已经获得了服务器返回的所有的数据。
responseText:获得服务器返回的⽂本数据。
responseXML:获得服务器返回的xml数据。
status:获得状态码。
4、编程步骤step1. 获得ajax对象⽐如 var xhr = getXhr();step2. 调⽤ajax对象的⽅法，发送请求⽅式⼀ get请求xhr.open('get','check.do?adminCode=king',true);xhr.onreadystatechange = f1;xhr.send(null);注:true: 异步 (浏览器不会销毁当前页⾯，⽤户仍然可以对当前页⾯做其它操作)false:同步 (浏览器不会销毁当前页⾯,但是会锁定当前页⾯，⽤户不能够对当前页⾯做任何操作)。
ajax技术原理及工作原理AJAX全称为“Asynchronous JavaScript and XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。
主要包含了以下几种技术Ajax（Asynchronous JavaScript + XML）的定义基于web标准（standards-based presentation）XHTML+CSS的表示；使用 DOM（Document Object Model）进行动态显示及交互；使用 XML 和 XSLT 进行数据交换及相关操作；使用 XMLHttpRequest 进行异步数据查询、检索；使用 JavaScript 将所有的东西绑定在一起。
英文参见Ajax的提出者Jesse James Garrett的原文。
类似于DHTML或LAMP，AJAX不是指一种单一的技术，而是有机地利用了一系列相关的技术。
事实上，一些基于AJAX的“派生/合成”式（derivative/composite）的技术正在出现，如“AFLAX”。
AJAX的应用使用支持以上技术的web浏览器作为运行平台。
这些浏览器目前包括：Mozilla、Firefox、Internet Explorer、Opera、Konqueror及Safari。
但是Opera不支持XSL格式对象，也不支持XSLT。
与传统的web应用比较传统的web应用允许用户填写表单(form)，当提交表单时就向web服务器发送一个请求。
服务器接收并处理传来的表单，然後返回一个新的网页。
这个做法浪费了许多带宽，因为在前後两个页面中的大部分HTML代码往往是相同的。
由于每次应用的交互都需要向服务器发送请求，应用的响应时间就依赖于服务器的响应时间。
这导致了用户界面的响应比本地应用慢得多。
与此不同，AJAX应用可以仅向服务器发送并取回必需的数据，它使用SOAP或其它一些基于XML的web service接口，并在客户端采用JavaScript处理来自服务器的响应。
ajax流程Ajax流程。
Ajax（Asynchronous JavaScript and XML）是一种用于创建快速动态网页的技术。
它允许在不重新加载整个页面的情况下，通过后台与服务器进行数据交换，实现异步更新页面的效果。
本文将详细介绍Ajax的流程及其实现方式。
首先，Ajax的流程可以分为以下几个步骤，发送请求、处理请求、返回数据和更新页面。
在发送请求阶段，当用户与页面进行交互时，JavaScript会向服务器发送请求。
服务器接收到请求后，会进行处理并返回数据。
最后，JavaScript会根据返回的数据更新页面，实现页面的动态效果。
在实际应用中，Ajax的实现通常涉及到以下几个关键技术，XMLHttpRequest对象、事件监听和回调函数。
XMLHttpRequest对象是Ajax的核心，它负责与服务器进行数据交换。
通过监听事件，可以在请求发送、接收到数据和状态改变等情况下执行相应的操作。
而回调函数则用于处理服务器返回的数据，更新页面的内容。
接下来，我们将详细介绍Ajax的实现方式。
首先，通过创建XMLHttpRequest对象，我们可以使用open()和send()方法发送请求到服务器。
在发送请求的同时，我们可以通过监听readystatechange事件来获取服务器返回的数据。
一旦接收到数据，我们可以通过回调函数对数据进行处理，并更新页面的内容。
在处理请求的过程中，我们还可以使用异步请求来提高页面的响应速度。
通过设置XMLHttpRequest对象的async属性为true，可以实现异步请求，使页面在等待服务器响应的同时继续执行其他操作，而不会被阻塞。
除了使用XMLHttpRequest对象外，我们还可以使用fetch API来实现Ajax请求。
fetch API是一种新的网络请求接口，它提供了更加简洁和灵活的方式来发送和接收数据。
通过fetch()方法发送请求，并使用then()方法处理返回的数据，可以实现与XMLHttpRequest类似的效果。
Ajax介绍及重要应⽤场景向服务器发送请求的途径1、浏览器的地址栏：GET请求2、form表单：GET与POST均可3、a标签：GET请求4、Ajax：⽤的最多、最⼴5、其余的还有：link标签的href属性、img标签的src属性、script标签的src属性Ajax简介AJAX（Asynchronous Javascript And XML）翻译成中⽂就是“异步的Javascript和XML”。
即使⽤Javascript语⾔与服务器进⾏异步交互，传输的数据为XML（当然，传输的数据不只是XML,现在更多使⽤json数据）。
AJAX 不是新的编程语⾔，⽽是⼀种使⽤现有标准的新⽅法。
AJAX 最⼤的优点是在不重新加载整个页⾯的情况下，可以与服务器交换数据并更新部分⽹页内容。
（这⼀特点给⽤户的感受是在不知不觉中完成请求和响应过程）AJAX 不需要任何浏览器插件，但需要⽤户允许JavaScript在浏览器上执⾏。
a.同步交互：客户端发出⼀个请求后，需要等待服务器响应结束后，才能发出第⼆个请求； b.异步交互：客户端发出⼀个请求后，⽆需等待服务器响应结束，就可以发出第⼆个请求。
AJAX除了异步的特点外，还有⼀个就是：浏览器页⾯局部刷新；（这⼀特点给⽤户的感受是在不知不觉中完成请求和响应过程。
对于AJAX的操作，其实就是两点：⼀是向后台提交请求数据；⼆是回调函数接收到后台响应的数据后进⾏的处理。
简单事例利⽤ajax实现局部计算～urlpatterns = [...url(r'^ajax_add/', views.ajax_add),url(r'^ajax_demo1/', views.ajax_demo1),...]路由<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="x-ua-compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><title>AJAX局部刷新实例</title></head><body><input type="text" id="i1">+<input type="text" id="i2">=<input type="text" id="i3"><input type="button" value="AJAX提交" id="b1"><script src="/static/jquery-3.2.1.min.js"></script><script>$("#b1").on("click", function () {$.ajax({url:"/ajax_add/", //别忘了加双引号type:"GET",data:{"i1":$("#i1").val(),"i2":$("#i2").val()}, //object类型，键值形式的，可以不给键加引号success:function (data) {$("#i3").val(data);}})})</script></body></html>html⽂件def ajax_demo1(request):return render(request, "ajax_demo1.html")def ajax_add(request):#time.sleep(10) #不影响页⾯发送其他的请求i1 = int(request.GET.get("i1"))i2 = int(request.GET.get("i2"))ret = i1 + i2return JsonResponse(ret, safe=False)#return render(request,'index.html') #返回⼀个页⾯没有意义，就是⼀堆的字符串，拿到了这个页⾯，你怎么处理，你要做什么事情，根本就没有意义视图函数Ajax常见应⽤场景（1）搜索引擎根据⽤户输⼊的关键字，⾃动提⽰检索关键字。
ajax底层原理Ajax（Asynchronous JavaScript and XML）是一种用于在Web 应用程序中实现异步通信的技术。
它的底层原理是基于HTTP协议，并使用JavaScript来实现。
本文将介绍Ajax底层原理的相关内容。
一、HTTP协议在了解Ajax底层原理之前，我们需要先了解HTTP协议。
HTTP是一种用于传输超文本的协议，它使用TCP作为传输协议，在客户端和服务器之间进行通信。
HTTP协议使用请求-响应模型，客户端发送请求到服务器，服务器处理请求并返回响应给客户端。
二、Ajax的工作原理Ajax的工作原理是通过在客户端使用JavaScript，通过XMLHttpRequest对象向服务器发送请求，并通过回调函数处理服务器返回的响应。
具体步骤如下：1. 创建XMLHttpRequest对象：在客户端使用JavaScript创建一个XMLHttpRequest对象，该对象用于向服务器发送请求和接收响应。
2. 发送请求：通过XMLHttpRequest对象的open()方法和send()方法，向服务器发送请求。
可以通过open()方法指定请求的方法（GET或POST）、URL和是否异步。
3. 服务器处理请求：服务器接收到请求后，根据请求的方法和URL 进行相应的处理，并生成响应。
4. 返回响应：服务器生成响应后，将响应的内容和状态码发送回客户端。
5. 处理响应：客户端通过回调函数处理服务器返回的响应。
可以通过XMLHttpRequest对象的onreadystatechange属性和readyState属性来监测响应的状态。
6. 更新页面：根据服务器返回的数据，客户端可以使用JavaScript 来更新页面的内容，例如局部刷新、添加新的元素等。
三、Ajax的优势Ajax的底层原理使得它具有以下优势：1. 异步通信：Ajax使用异步通信，可以在后台向服务器发送请求，不需要刷新整个页面。
