ajax

AJAX即“Asynchronous JavaScript and XML”（异步JavaScript和XML)

是Ajax它是局部刷，而不是整网页刷，可以提高刷新速度!!!

1、XMLHTTPRequest　　Ajax的一个最大的特点是无需刷新页面便可向服务器传输或读写数据(又称无刷新更新页面),这一特点主要得益于XMLHTTP组件XMLHTTPRequest对象。这样就可以向再发桌面应用程序只同服务器进行数据层面的交换,而不用每次都刷新界面也不用每次将数据处理的工作提交给服务器来做,这样即减轻了服务器的负担又加快了响应速度、缩短了用户等候时间。　　最早应用XMLHTTP的是微软,IE（IE5以上）通过允许开发人员在Web页面内部使用XMLHTTP ActiveX组件扩展自身的功能,开发人员可以不用从当前的Web页面导航而直接传输数据到服务器上或者从服务器取数据。这个功能是很重要的,因为它帮助减少了无状态连接的痛苦,它还可以排除下载冗余HTML的需要,从而提高进程的速度。Mozilla（Mozilla1.0以上及NetScape7以上）做出的回应是创建它自己的继承XML代理类：XMLHttpRequest类。Konqueror (和Safari v1.2,同样也是基于KHTML的浏览器)也支持XMLHttpRequest对象,而Opera也将在其v7.6x+以后的版本中支持XMLHttpRequest对象。对于大多数情况，XMLHttpRequest对象和XMLHTTP组件很相似,方法和属性也类似,只是有一小部分属性不支持。XMLHttpRequest的应用：XMLHttpRequest对象在JS中的应用var xmlhttp = new XMLHttpRequest();微软的XMLHTTP组件在JS中的应用var xmlhttp = new ActiveXObject(Microsoft.XMLHTTP);var xmlhttp = new ActiveXObject(Msxml2.XMLHTTP);XMLHttpRequest 对象方法if (typeof XMLHttpRequest == "undefined") {XMLHttpRequest = function () {var msxmls = ["MSXML3", "MSXML2", "Microsoft"]for (var i=0; i < msxmls.length; i++) {try {return new ActiveXObject(msxmls[i]+".XMLHTTP")} catch (e) { }}throw new Error("No XML component installed!")}}function createXMLHttpRequest() {try {// Attempt to create it "the Mozilla way"if (window.XMLHttpRequest) {return new XMLHttpRequest();}// Guess not - now the IE wayif (window.ActiveXObject) {return new ActiveXObject(getXMLPrefix() + ".XmlHttp");}}catch (ex) {}return false;};XMLHttpRequest 对象方法方法 描述abort() 停止当前请求getAllResponseHeaders() 作为字符串返问完整的headersgetResponseHeader("headerLabel") 作为字符串返问单个的header标签open("method","URL"[,asyncFlag[,"userName"[, "password"]]]) 设置未决的请求的目标 URL, 方法, 和其他参数send(content) 发送请求setRequestHeader("label", "value") 设置header并和请求一起发送XMLHttpRequest 对象属性属性 描述onreadystatechange 状态改变的事件触发器readyState 对象状态(integer):0 = 未初始化1 = 读取中2 = 已读取3 = 交互中4 = 完成responseText 服务器进程返回数据的文本版本responseXML 服务器进程返回数据的兼容DOM的XML文档对象status 服务器返回的状态码, 如：404 = "文件末找到" 、200 ="成功"statusText 服务器返回的状态文本信息　　2、JavaScript　　JavaScript是一在浏览器中大量使用的编程语言，，他以前一直被贬低为一门糟糕的语言（他确实在使用上比较枯燥），以在常被用来作一些用来炫耀的小玩意和恶作剧或是单调琐碎的表单验证。但事实是，他是一门真正的编程语言，有着自已的标准并在各种浏览器中被广泛支持。　　3、DOM　　Document Object Model。　　DOM是给 HTML 和 XML 文件使用的一组 API。它提供了文件的结构表述，让你可以改变其中的内容及可见物。其本质是建立网页与 Script 或程序语言沟通的桥梁。　　所有WEB开发人员可操作及建立文件的属性、方法及事件都以对象来展现（例如，document 就代表“文件本身“这个对像，table 对象则代表 HTML 的表格对象等等）。这些对象可以由当今大多数的浏览器以 Script 来取用。　　一个用HTML或XHTML构建的网页也可以看作是一组结构化的数据，这些数据被封在DOM（Document Object Model）中，DOM提供了网页中各个对象的读写的支持。　　4、XML　　可扩展的标记语言（Extensible Markup Language）具有一种开放的、可扩展的、可自描述的语言结构，它已经成为网上数据和文档传输的标准。它是用来描述数据结构的一种语言，就正如他的名字一样。他使对某些结构化数据的定义更加容易，并且可以通过他和其他应用程序交换数据。　　5、综合　　Jesse James Garrett提到的Ajax引擎，实际上是一个比较复杂的JavaScript应用程序，用来处理用户请求，读写服务器和更改DOM内容。　　JavaScript的Ajax引擎读取信息，并且互动地重写DOM，这使网页能无缝化重构，也就是在页面已经下载完毕后改变页面内容，这是我们一直在通过JavaScript和DOM在广泛使用的方法，但要使网页真正动态起来，不仅要内部的互动，还需要从外部获取数据，在以前，我们是让用户来输入数据并通过DOM来改变网页内容的，但现在，XMLHTTPRequest，可以让我们在不重载页面的情况下读写服务器上的数据，使用户的输入达到最少。　　基于XML的网络通讯也并不是新事物，实际上FLASH和JAVA Applet都有不错的表现，现在这种富交互在网页上也可用了，基于标准化的并被广泛支持和技术，并且不需要插件或下载小程序。　　Ajax是传统WEB应用程序的一个转变。以前是服务器每次生成HTML页面并返回给客户端（浏览器）。在大多数网站中，很多页面中至少90%都是一样的，比如：结构、格式、页头、页尾、广告等，所不同的只是一小部分的内容，但每次服务器都会生成所有的页面再返回给客户端，这无形之中是一种浪费，不管是对于用户的时间、带宽、CPU耗用，还是对于ISP的高价租用的带宽和空间来说。如果按一页来算，只能几K或是几十K可能并不起眼，但像SINA每天要生成几百万个页面的大ISP来说，可以说是损失巨大的。而AJAX可以所为客户端和服务器的中间层，来处理客户端的请求，并根据需要向服务器端发送请求，用什么就取什么、用多少就取多少，就不会有数据的冗余和浪费，减少了数据下载总量，而且更新页面时不用重载全部内容，只更新需要更新的那部分即可，相对于纯后台处理并重载的方式缩短了用户等待时间，也把对资源的浪费降到最低，基于标准化的并被广泛支持和技术，并且不需要插件或下载小程序，所以Ajax对于用户和ISP来说是双盈的。　　Ajax使WEB中的界面与应用分离（也可以说是数据与呈现分离），而在以前两者是没有清晰的界限的，数据与呈现分离的分离，有利于分工合作、减少非技术人员对页面的修改造成的WEB应用程序错误、提高效率、也更加适用于现在的发布系统。也可以把以前的一些服务器负担的工作转嫁到客户端，利于客户端闲置的处理能力来处理。

Ajax的原理简单来说通过XmlHttpRequest对象来向服务器发异步请求，从服务器获得数据，然后用javascript来操作DOM而更新页面。这其中最关键的一步就是从服务器获得请求数据。要清楚这个过程和原理，我们必须对 XMLHttpRequest有所了解。

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的原文,原文题目(Ajax: A New Approach to Web Applications)。　　类似于DHTML或LAMP，AJAX不是指一种单一的技术，而是有机地利用了一系列相关的技术。事实上，一些基于AJAX的“派生/合成”式（derivative/composite）的技术正在出现，如“AFLAX”。 　　AJAX的应用使用支持以上技术的web浏览器作为运行平台。这些浏览器目前包括：Mozilla、Firefox、Internet Explorer、Opera、Konqueror及Safari。但是Opera不支持XSL格式对象，也不支持XSLT。该技术在1998年前后得到了应用。允许客户端脚本发送HTTP请求(XMLHTTP)的第一个组件由Outlook Web Access小组写成。该组件原属于微软Exchange Server，并且迅速地成为了Internet Explorer 4.0[3]的一部分。部分观察家认为，Outlook Web Access是第一个应用了Ajax技术的成功的商业应用程序，并成为包括Oddpost的网络邮件产品在内的许多产品的领头羊。但是，2005年初，许多事件使得Ajax被大众所接受。Google在它著名的交互应用程序中使用了异步通讯，如Google讨论组、Google地图、Google搜索建议、Gmail等。Ajax这个词由《Ajax: A New Approach to Web Applications》一文所创，该文的迅速流传提高了人们使用该项技术的意识。另外，对Mozilla/Gecko的支持使得该技术走向成熟，变得更为易用。　　AJAX前景非常乐观，可以提高系统性能，优化用户界面。AJAX现有直接框架AjaxPro，可以引入AjaxPro.2.dll文件，可以直接在前台页面JS调用后台页面的方法。但此框架与FORM验证有冲突。另微软也引入了AJAX组建，需要添加AjaxControlToolkit.dll文件，可以在控件列表中出现相关控件。传统的web应用允许用户填写表单(form)，当提交表单时就向web服务器发送一个请求。服务器接收并处理传来的表单，然後返回一个新的网页。这个做法浪费了许多带宽，因为在前後两个页面中的大部分HTML代码往往是相同的。由于每次应用的交互都需要向服务器发送请求，应用的响应时间就依赖于服务器的响应时间。这导致了用户界面的响应比本地应用慢得多。　　与此不同，AJAX应用可以仅向服务器发送并取回必需的数据，它使用SOAP或其它一些基于XML的web service接口，并在客户端采用JavaScript处理来自服务器的响应。因为在服务器和浏览器之间交换的数据大量减少，结果我们就能看到响应更快的应用。同时很多的处理工作可以在发出请求的客户端机器上完成，所以Web服务器的处理时间也减少了。　　使用Ajax的最大优点，就是能在不更新整个页面的前提下维护数据。这使得Web应用程序更为迅捷地回应用户动作，并避免了在网络上发送那些没有改变过的信息。　　Ajax不需要任何浏览器插件，但需要用户允许JavaScript在浏览器上执行。就像DHTML应用程序那样，Ajax应用程序必须在众多不同的浏览器和平台上经过严格的测试。随着Ajax的成熟，一些简化Ajax使用方法的程序库也相继问世。同样，也出现了另一种辅助程序设计的技术，为那些不支持JavaScript的用户提供替代功能。　　对应用Ajax最主要的批评就是，它可能破坏浏览器后退按钮的正常行为[4]。在动态更新页面的情况下，用户无法回到前一个页面状态，这是因为浏览器仅能记下历史记录中的静态页面。一个被完整读入的页面与一个已经被动态修改过的页面之间的差别非常微妙；用户通常都希望单击后退按钮，就能够取消他们的前一次操作，但是在Ajax应用程序中，却无法这样做。不过开发者已想出了种种办法来解决这个问题，当中大多数都是在用户单击后退按钮访问历史记录时，通过建立或使用一个隐藏的IFRAME来重现页面上的变更。（例如，当用户在Google Maps中单击后退时，它在一个隐藏的IFRAME中进行搜索，然后将搜索结果反映到Ajax元素上，以便将应用程序状态恢复到当时的状态。）　　一个相关的观点认为，使用动态页面更新使得用户难于将某个特定的状态保存到收藏夹中。该问题的解决方案也已出现，大部分都使用URL片断标识符（通常被称为锚点，即URL中#后面的部分）来保持跟踪，允许用户回到指定的某个应用程序状态。（许多浏览器允许JavaScript动态更新锚点，这使得Ajax应用程序能够在更新显示内容的同时更新锚点。）这些解决方案也同时解决了许多关于不支持后退按钮的争论。　　进行Ajax开发时，网络延迟——即用户发出请求到服务器发出响应之间的间隔——需要慎重考虑。不给予用户明确的回应 [5]，没有恰当的预读数据 [6]，或者对XMLHttpRequest的不恰当处理[7]，都会使用户感到延迟，这是用户不欲看到的，也是他们无法理解的[8]。通常的解决方案是，使用一个可视化的组件来告诉用户系统正在进行后台操作并且正在读取数据和内容。　　一些手持设备（如手机、PDA等）现在还不能很好的支持Ajax; 　　用JavaScript作的Ajax引擎，JavaScript的兼容性和DeBug都是让人头痛的事; 　　Ajax的无刷新重载，由于页面的变化没有刷新重载那么明显，所以容易给用户带来困扰――用户不太清楚现在的数据是新的还是已经更新过的；现有的解决有：在相关位置提示、数据更新的区域设计得比较明显、数据更新后给用户提示等; 　　对串流媒体的支持没有FLASH、Java Applet好;[编辑本段]基础应用　　创建XMLHttpRequest 方法如下　　XMLHttpRequest 类首先由Internet Explorer以ActiveX对象引入，被称为XMLHTTP。 后来Mozilla﹑Netscape﹑Safari 和其他浏览器也提供了XMLHttpRequest类，不过它们创建XMLHttpRequest类的方法不同。　　对于Internet Explorer浏览器：　　xmlhttp_request = new ActiveXObject("Msxml2.XMLHTTP.3.0"); //3.0或4.0, 5.0 　　xmlhttp_request = new ActiveXObject("Msxml2.XMLHTTP"); 　　xmlhttp_request = new ActiveXObject("Microsoft.XMLHTTP"); 　　由于在不同Internet Explorer浏览器中XMLHTTP版本可能不一致，为了更好的兼容不同版本的Internet Explorer浏览器，因此我们需要根据不同版本的Internet Explorer浏览器来创建XMLHttpRequest类，上面代码就是根据不同的Internet Explorer浏览器创建XMLHttpRequest类的方法。　　对于Mozilla﹑Netscape﹑Safari等浏览器　　创建XMLHttpRequest 方法如下：xmlhttp_request = new XMLHttpRequest();　　如果服务器的响应没有XML mime-type header，某些Mozilla浏览器可能无法正常工作。 为了解决这个问题，如果服务器响应的header不是text/xml，可以调用其它方法修改该header。　　xmlhttp_request = new XMLHttpRequest(); 　　xmlhttp_request.overrideMimeType("text/xml");

ajax请求的五个步骤如下步骤如下五个步骤1.创建异步对象，首先，创建一个XMLHttpRequest异步对象。2.设置请求方式和地址，然后，设置请求方式和请求地址3.用send发送请求，接着，用send发送请求。4.监听状态变化，然后，监听状态变化。5.接收返回的数据，最后，接收返回的数据

JavaScript能流行，一个很重要的原因是AJAX技术的应用。在网页中有很多的应用。举两个常见的AJAX应用的例子：1、 在搜索中，我们输入关键字时，网页会实时展现搜索结果；这是用AJAX实现的。2、 使用地图时，地图会根据用户显示的位置不停的更新。这也是通过AJAX实现。那么什么是AJAX呢？AJAX全称为Asynchronous JavaScript And XML直译就是异步的JavaScript和XML（这里我们主要介绍下JavaScript中AJAX的应用）通常当JavaScript向服务器发送请求获取数据时，服务器会返回数据。在传统没有使用AJAX的网页中，需要刷新页面使其重新加载。而AJAX可以使网页在不重新加载页面的情况下对网页的局部进行更新。(比如，当你要放大地图的时候，你会不断的向服务器请求地图当前位置的详细信息，服务器返回数据给你，这里我们并不需要重新加载整个页面，不然用户体验就太差了。而是局部更新页面。)由于我不可能在这写一个地图这样复杂的例子，而为了演示AJAX的使用，我借用了秒秒学的一个简单示例：// 简单的AJAX举例。// 1: 创建请求变量var myRequest;// 浏览器的特征检查。if (window.XMLHttpRequest) { //若支持，则是火狐、谷歌等浏览器。 myRequest = new XMLHttpRequest();} else if (window.ActiveXObject) { // 若不支持, 则是IE浏览器。 myRequest = new ActiveXObject("Microsoft.XMLHTTP");}// 2: 为请求添加事件处理代码。myRequest.onreadystatechange = function(){ console.log("匿名函数被调用！"); console.log(myRequest.readyState); if (myRequest.readyState === 4) { var p = document.createElement("p"); var t = document.createTextNode(myRequest.responseText); p.appendChild(t); document.getElementById("mainContent").appendChild(p); }};// 3: 配置发送请求myRequest.open("GET", "simple.txt", true);myRequest.send(null);//....使用AJAX主要分三部分，如示例中的1、 创建请求的变量。在script文件中，首先声明XMLHttpRequest对象,这也是题主说的Ajax的核心。浏览器页面能通过XMLHttpRequest对象和服务器进行通讯。因为这个对象的创建因浏览器的不同而有区别。所以我们要用if语句判断XMLHttpRequest是否存在。2、 为请求添加事件处理代码创建好XMLHttpRequest对象后，就可以向服务器发送请求了，不过我们首先处理服务器响应的事件。当服务器响应后会触发myRequest对象的onreadystatechange事件。在onreadystatechange事件中我们看到myRequest调用了readyState属性，readyState有4个值表示目前响应所在的阶段，各数值表示如下：l 1：请求已经建立，但是还没有发送（还没有调用 send()）。l 2：请求已发送，正在处理中（通常现在可以从响应中获取内容头）。l 3：请求在处理中；通常响应中已有部分数据可用了，但是服务器还没有完成响应的生成。l 4：响应已完成；您可以获取并使用服务器的响应了。我们一般只关心readyState的值为4的情况，表示响应已完成。3、 配置发送请求使用open方法配置请求。它有三个参数：1、第一个参数表示用GET获取服务器中的数据。2、第二个参数是一个服务器地址，这里我们用本地的simple.txt代替，省去创建服务器的麻烦。3、第三个参数true表示请求是异步的，即当请求发送后，JavaScript不会为了等待服务器的响应而阻塞，它会继续执行后续代码。配置好请求后，用send方法发送请求，这里给send传递的参数是null，若有其它参数需要发送，也可以传递给send方法。这样AJAX的简单使用例子就说完了，以上示例来自教程网站秒秒学，希望对你有帮助。

阿贾克斯

您这是抄的吧.不过看起来还真的有点明白不少的样子

Ajax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式、快速动态网页应用的网页开发技术，无需重新加载整个网页的情况下，能够更新部分网页的技术。通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

AJAX只是局部刷新,所以页面的后退按钮是没有用的.对流媒体还有移动设备的支持不是太好等

AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。AJAX 不是新的编程语言，而是一种使用现有标准的新方法。AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。

望采纳一、Ajax原理是什么AJAX全称(Async Javascript and XML)，即异步的JavaScript 和XML是一种创建交互式网页应用的网页开发技术，可以在不重新加载整个网页的情况下，与服务器交换数据，并且更新部分网页Ajax的原理简单来说通过XmlHttpRequest对象来向服务器发异步请求，从服务器获得数据，然后用JavaScript来操作DOM而更新页面流程图如下：校长想找班主任汇报工作，就委托秘书去叫班主任自己就接着做其他事情，直到秘书告诉他班主任已经到了，最后班主任跟领导汇报工作Ajax请求数据流程与“校长想找班主任汇报一下工作”类似，上述秘书就相当于XMLHttpRequest对象，校长相当于浏览器，响应数据相当于班主任浏览器可以发送HTTP请求后，接着做其他事情，等收到XHR返回来的数据再进行操作二、实现过程实现Ajax异步交互需要服务器逻辑进行配合，需要完成以下步骤：建 Ajax的核心对象 XMLHttpRequest对象通过 XMLHttpRequest 对象的 open() 方法与服务端建立连接构建请求所需的数据内容，并通过XMLHttpRequest对象的 send() 方法发送给服务器端XMLHttpRequest 对象提供的 onreadystatechange 事件监听服务器端你的通信状态接受并处理服务端向客户端响应的数据结果 将处理结果更新到 HTML页面中2.1创建XMLHttpRequest对象通过XMLHttpRequest() 构造函数用于初始化一个 XMLHttpRequest 实例对象const xhr = new XMLHttpRequest();12.2与服务器建立连接通过 XMLHttpRequest 对象的 open() 方法与服务器建立连接xhr.open(method, url, [async][, user][, password])1参数说明：method：表示当前的请求方式，常见的有GET、POSTurl：服务端地址async：布尔值，表示是否异步执行操作，默认为trueuser: 可选的用户名用于认证用途；默认为nullpassword: 可选的密码用于认证用途，默认为null2.3给服务端发送数据通过 XMLHttpRequest 对象的 send() 方法，将客户端页面的数据发送给服务端xhr.send([body])1body: 在 XHR 请求中要发送的数据体，如果不传递数据则为 null 如果使用GET请求发送数据的时候，需要注意如下：将请求数据添加到open()方法中的url地址中发送请求数据中的send()方法中参数设置为null2.4绑定onreadystatechange事件onreadystatechange 事件用于监听服务器端的通信状态，主要监听的属性为XMLHttpRequest.readyState ,关于XMLHttpRequest.readyState属性有五个状态，如下图显示：只要readyState属性值一变化，就会触发一次readystatechange事件XMLHttpRequest.responseText属性用于接收服务器端的响应结果举个例子：const request = new XMLHttpRequest()request.onreadystatechange = function(e){ if(request.readyState === 4){ // 整个请求过程完毕 if(request.status >= 200 && request.status <= 300){ console.log(request.responseText) // 服务端返回的结果 }else if(request.status >=400){ console.log("错误信息：" + request.status) } }}request.open("POST","request.send()三、封装通过上面对XMLHttpRequest对象的了解，下面来封装一个简单的ajax请求//封装一个ajax请求function ajax(options) { //创建XMLHttpRequest对象 const xhr = new XMLHttpRequest()//初始化参数的内容 options = options || {} options.type = (options.type || "GET").toUpperCase() options.dataType = options.dataType || "json" const params = options.data //发送请求 if (options.type === "GET") { xhr.open("GET", options.url + "?" + params, true) xhr.send(null) } else if (options.type === "POST") { xhr.open("POST", options.url, true) xhr.send(params) //接收请求 xhr.onreadystatechange = function () { if (xhr.readyState === 4) { let status = xhr.status if (status >= 200 && status < 300) { options.success && options.success(xhr.responseText, xhr.responseXML) } else { options.fail && options.fail(status) } } }}使用方式如下：ajax({ type: "post", dataType: "json", data: {}, url: " success: function(text,xml){//请求成功后的回调函数 console.log(text) }, fail: function(status){请求失败后的回调函数 console.log(status) }})

//定义一个var xmlHttp;function createXMLHttpRequest(){ if(window.XMLHttpRequest){ xmlHttp = new XMLHttpRequest(); }else if(window.ActiveXObject){ xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); }}function check(){ //1.获取需要发送服务器的请求参数 var username = document.getElementById("username").value; //2.创建XMLHttpRequest对象 createXMLHttpRequest(); //3.定义url,指定发送到服务器哪个文件 var url = "servlet/CheckServlet"; //4.打开连接,异步模式 xmlHttp.open("post", url, true); //5.设置请求头信息 xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); //6.回调函数,接收服务器响应数据 xmlHttp.onreadystatechange = function (){ //8.接收服务器端的响应数据 //判断请求发送的状态和HTTP状态码 if(xmlHttp.readyState==4&&xmlHttp.status==200){ //9.接收响应数据 var text = xmlHttp.responseText; alert(text); //10.根据text的值确定在页面动态显示相应的信息 var msg_username = document.getElementById("msg_username"); if(text=="false"){ msg_username.innerHTML="<font color="red">否</font>"; document.getElementById("submit").disabled=true; }else{ msg_username.innerHTML="<font color="green">是</font>"; document.getElementById("submit").disabled=false; } } } //7.发送 xmlHttp.send("username="+username); alert(username);}

Ajax的工作原理相当于在用户和服务器之间加了—个中间层(AJAX引擎)，使用户操作与服务器响应异步化。并不是所有的用户请求都提交给服务器。像—些数据验证和数据处理等都交给Ajax引擎自己来做,，只有确定需要从服务器读取新数据时再由Ajax引擎代为向服务器提交请求。Ajax是指一种创建交互式、快速动态网页应用的网页开发技术，无需重新加载整个网页的情况下，能够更新部分网页的技术。通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。扩展资料：Ajax这个术语源自描述从基于 Web 的应用到基于数据的应用。Ajax 不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。使用 JavaScript 向服务器提出请求并处理响应而不阻塞用户核心对象XMLHttpRequest。通过这个对象，您的 JavaScript 可在不重载页面的情况与 Web 服务器交换数据，即在不需要刷新页面的情况下，就可以产生局部刷新的效果。Ajax 在浏览器与 Web 服务器之间使用异步数据传输（HTTP 请求），这样就可使网页从服务器请求少量的信息，而不是整个页面。Ajax可使因特网应用程序更小、更快，更友好。Ajax 是一种独立于 Web 服务器软件的浏览器技术。　Ajax 基于下列 Web 标准：JavaScript、XML、HTML与 CSS 在 Ajax 中使用的 Web 标准已被良好定义，并被所有的主流浏览器支持。Ajax 应用程序独立于浏览器和平台。Web 应用程序较桌面应用程序有诸多优势；它们能够涉及广大的用户，它们更易安装及维护，也更易开发。不过，因特网应用程序并不像传统的桌面应用程序那样完善且友好。通过 Ajax，因特网应用程序可以变得更完善，更友好。参考资料：百度百科-ajax（Ajax 开发）

ajax是一种技术方案，但并不是一种新技术。它依赖的是现有的CSS/HTML/JavaScript，而其中最核心的依赖就是浏览器提供的XMLHttpRequest对象，是这个对象使得浏览器可以发出HTTP请求与接收HTTP响应，实现在页面不刷新的情况下和服务端进行数据交互。浏览器升级之后，出现了fetch，也可以认为是ajax的一种实现。（兼容性差） 使用XMLHttpRequest对象来发送一个Ajax请求。 status：200-300表示正常状态码。 status：404表示这个文件不存在。 status：503服务器收到了请求但是内部报错了。 status：304表示这个数据是有缓存的。 readyState：存有XMLHttpRequest的状态。从0~4发生变化 只要readyState属性的值由一个值变成另一个值，都会触发一次readystatechange事件。必须在调用open()之前指定onreadystatechange事件处理程序才能保证跨浏览器兼容性。与其他事件不同的是，这里没有向readystatechange事件处理程序中传递event对象，必须通过XHR对象本身来确定下一步该怎么做。 在接受响应之前，还可以调用abort()方法来取消异步请求， 调用这个方法之后，XHR对象会停止触发事件，而且也不在允许访问任何与响应有关的对象属性。 XMLHttpRequest标准又分为Level 1和Level 2。 1.缺点： 此属性可以设置HTTP请求的时限。与之相关的是timeout()事件，用来指定回调函数。 timeout属性表示请求在等待多少毫秒之后就终止，再给timeout设置一个数值后，如果在规定的时间内浏览器还没有接收到响应，那么就会触发timeout事件，进而会调用ontimeout事件处理程序。如果在超时终止请求之后再访问status属性，就会导致错误。为避免浏览器报告错误，可以将检查status属性的语句封装在一个try-catch语句中。 ajax直接传送FormData对象与点击submit提交网页表单的效果是一样的。 使用FormData的优点：不必明确地在XHR对象上设置请求头部，XHR能够识别传入的数据类型是FormData的实例，并配置适当的头部信息。 假定files是一个"选择文件"的表单元素（input[type="file"]），将它装入FormData对象，之后发送FormData即可实现文件的上传。 作用：指定xhr.response的数据类型。 作用：获取response数据 作用：表示发送数据。 xhr.send(data)的参数data可以是以下几种类型： 阮一峰:XMLHttpRequest Level 2 使用指南 你真的会使用XMLHttpRequest么？ 《javascript高级程序设计》 饥人谷前端教程

您好!1、Ajax不是一种技术:实际上，它由几种蓬勃发展的技术以新的强大方式组合而成。Ajax包含:基于CSS标准的表示;使用DocumentObjectModel进行动态显示和交互;使用与服务器进行异步通信;使用JavaScript绑定一切。这非常好，但为什么要以Ajax命名呢?其实术语Ajax是由JesseJamesGarrett创造的，他说它是“JavaScriptXML的简写”。2、术语Ajax用来描述一组技术:它使浏览器可以为用户提供更为自然的浏览体验。在Ajax之前，Web站点强制用户进入提交/等待/重新显示范例，用户的动作总是与服务器的“思考时间”同步。Ajax提供与服务器异步通信的能力，从而使用户从请求/响应的循环中解脱出来。借助于Ajax，可以在用户单击按钮时，使用JavaScript和DHTML立即更新UI，并向服务器发出异步请求，以执行更新或查询数据库。当请求返回时，就可以使用JavaScript和CSS来相应地更新UI，而不是刷新整个页面。最重要的是，用户甚至不知道浏览器正在与服务器通信:Web站点看起来是即时响应的。

1.什么是Ajax? Ajax的全称是：AsynchronousJavaScript+XML 2.Ajax的定义： Ajax不是一个技术，它实际上是几种技术，每种技术都有其独特这处，合在一起就成了一个功能强大的新技术。 3.Ajax包括： XHTML和CSS 使用文档对象模型(DocumentObjectModel)作动态显示和交互 使用XML和XSLT做数据交互和操作 使用XMLHttpRequest进行异步数据接收 使用JavaScript将它们绑定在一起 Web开发领域的最新时髦术语其实质是“旧貌换新颜”。 Ajax（AsynchronousJavaScriptandXML）是结合了Java技术、XML以及JavaScript等编程技术，可以让开发人员构建基于Java技术的Web应用，并打破了使用页面重载的惯例。 Ajax是使用客户端脚本与Web服务器交换数据的Web应用开发方法。这样，Web页面不用打断交互流程进行重新加裁，就可以动态地更新。使用Ajax，用户可以创建接近本地桌面应用的直接、高可用、更丰富、更动态的Web用户界面。 异步JavaScript和XML（AJAX）不是什么新技术，而是指这样一种方法：使用几种现有技术——包括级联样式表（CSS）、JavaScript、XHTML、XML和可扩展样式语言转换（XSLT），开发外观及操作类似桌面软件的Web应用软件。实现Ajax的所有组件都已存在了许多年。AdaptivePath的用户体验战略部门主管兼创办合伙人JesseJamesGarrett今年2月发表在AdaptivePath网站上的一篇文章中杜撰了这个术语。 异步这个词是指AJAX应用软件与主机服务器进行联系的方式。如果使用旧模式，每当用户执行某种操作、向服务器请求获得新数据，Web浏览器就会更新当前窗口。 如果使用AJAX的异步模式，浏览器就不必等用户请求操作，也不必更新整个窗口就可以显示新获取的数据。只要来回传送采用XML格式的数据，在浏览器里面运行的JavaScript代码就可以与服务器进行联系。JavaScript代码还可以把样式表加到检索到的数据上，然后在现有网页的某个部分加以显示。 在面向消费者的诸多应用当中，Google的Gmail和GoogleMaps就是最常见的例子。在Gmail当中，AJAX负责如何开启线程会话，以显示不同邮件的文本内容。而在Maps当中，AJAX允许用户以一种似乎无缝的方式拖拉及滚动地图。 还有雅虎的Flickr像片共享应用和亚马逊网站的A9搜索引擎。另外，雅虎新的Web邮件服务可能很快就会吸引AJAX支持者的莫大关注，这项服务基于雅虎收购Oddpost后得到的技术。 这些UI都充分地使用了后台通道，也被一些开发者称为“Web2.0”，并导致了大家对Ajax应用兴趣的猛涨。 然而，AJAX应用软件厂商越来越把目光瞄准了企业。譬如说，Scalix的WebAccess电子邮件应用软件其实比微软Outlook自己的Web邮件界面更像Outlook。 不过AJAX应用软件的适用领域具有一定的局限性。因为它们利用了一些最新的Web技术，所以只能在某些Web浏览器里面运行——不过AJAX适用的浏览器正越来越多。 Ajax Ajax，异步JavaScript与XML，是使用客户端脚本与Web服务器交换数据的Web应用开发方法。这样，Web页面不用打断交互流程进行重新加裁，就可以动态地更新。使用Ajax，你可以创建接近本地桌面应用的，直接的、高可用的、更丰富的、更动态的Web用户接口界面。 Ajax处理过程 一个Ajax交互从一个称为XMLHttpRequest的JavaScript对象开始。如同名字所暗示的，它允许一个客户端脚本来执行HTTP请求，并且将会解析一个XML格式的服务器响应。Ajax处理过程中的第一步是创建一个XMLHttpRequest实例。使用HTTP方法（GET或POST）来处理请求，并将目标URL设置到XMLHttpRequest对象上。 现在，记住Ajax如何首先处于异步处理状态？当你发送HTTP请求，你不希望浏览器挂起并等待服务器的响应，取而代之的是，你希望通过页面继续响应用户的界面交互，并在服务器响应真正到达后处理它们。要完成它，你可以向XMLHttpRequest注册一个回调函数，并异步地派发XMLHttpRequest请求。控制权马上就被返回到浏览器，当服务器响应到达时，回调函数将会被调用。 在JavaWeb服务器上，到达的请求与任何其它HttpServletRequest一样。在解析请求参数后，servlet执行必需的应用逻辑，将响应序列化到XML中，并将它写回HttpServletResponse。 一个Ajax交互从一个称为XMLHttpRequest的JavaScript对象开始。如同名字所暗示的，它允许一个客户端脚本来执行HTTP请求，并且将会解析一个XML格式的服务器响应。Ajax处理过程中的第一步是创建一个XMLHttpRequest实例。使用HTTP方法（GET或POST）来处理请求，并将目标URL设置到XMLHttpRequest对象上。 现在，记住Ajax如何首先处于异步处理状态？当你发送HTTP请求，你不希望浏览器挂起并等待服务器的响应，取而代之的是，你希望通过页面继续响应用户的界面交互，并在服务器响应真正到达后处理它们。要完成它，你可以向XMLHttpRequest注册一个回调函数，并异步地派发XMLHttpRequest请求。控制权马上就被返回到浏览器，当服务器响应到达时，回调函数将会被调用。 在JavaWeb服务器上，到达的请求与任何其它HttpServletRequest一样。在解析请求参数后，servlet执行必需的应用逻辑，将响应序列化到XML中，并将它写回HttpServletResponse。 一个Ajax交互从一个称为XMLHttpRequest的JavaScript对象开始。如同名字所暗示的，它允许一个客户端脚本来执行HTTP请求，并且将会解析一个XML格式的服务器响应。Ajax处理过程中的第一步是创建一个XMLHttpRequest实例。使用HTTP方法（GET或POST）来处理请求，并将目标URL设置到XMLHttpRequest对象上。 现在，记住Ajax如何首先处于异步处理状态？当你发送HTTP请求，你不希望浏览器挂起并等待服务器的响应，取而代之的是，你希望通过页面继续响应用户的界面交互，并在服务器响应真正到达后处理它们。要完成它，你可以向XMLHttpRequest注册一个回调函数，并异步地派发XMLHttpRequest请求。控制权马上就被返回到浏览器，当服务器响应到达时，回调函数将会被调用。 在JavaWeb服务器上，到达的请求与任何其它HttpServletRequest一样。在解析请求参数后，servlet执行必需的应用逻辑，将响应序列化到XML中，并将它写回HttpServletResponse。

ajax简介 AJAX全称“Asynchronous JavaScript and XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。它有机地包含了以下几种技术： 基于web标准（standards-based presentation）XHTML+CSS的表示； 使用 DOM（Document Object Model）进行动态显示及交互； 使用 XML 和 XSLT 进行数据交换及相关操作； 使用 XMLHttpRequest 进行异步数据查询、检索； 使用 JavaScript 将所有的东西绑定在一起。 类似于DHTML或LAMP，AJAX不是指一种单一的技术，而是有机地利用了一系列相关的技术。事实上，一些基于AJAX的“派生/合成”式（derivative/composite）的技术正在出现，如“AFLAX”。ajax优势 传统的web应用允许用户填写表单(form)，当提交表单时就向web服务器发送一个请求。服务器接收并处理传来的表单，然后返回一个新的网页。这个做法浪费了许多带宽，因为在前后两个页面中的大部分HTML代码往往是相同的。由于每次应用的交互都需要向服务器发送请求，应用的响应时间就依赖于服务器的响应时间。这导致了用户界面的响应比本地应用慢得多。与此不同，AJAX应用可以仅向服务器发送并取回必需的数据，它使用SOAP或其它一些基于XML的web service接口，并在客户端采用JavaScript处理来自服务器的响应。因为在服务器和浏览器之间交换的数据大量减少，结果我们就能看到响应更快的应用。同时很多的处理工作可以在发出请求的客户端机器上完成，所以Web服务器的处理时间也减少了。

ajax（ajax开发）AJAX即“Asynchronous Javascript + XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。AJAX = 异步 JavaScript和XML（标准通用标记语言的子集）。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用 AJAX）如果需要更新内容，必须重载整个网页面。有很多使用 AJAX 的应用程序案例：新浪微博、Google 地图、开心网等等。[2]

你这是另外一个JS库里面的方法,是提交GET请求.建议最好用$.ajax

比如如下代码：父组件：class Father extends Component {construtor(props){super(props);this.state={name: "Peter",age: "26"}}onChangeState(stateName){this.setState(stateName)}render(){<p>姓名：{this.state.name}</p><p>年龄：{this.state.age}</p><Child onClicked={this.onChangeState.bind(this)}/>}}子组件：class Child extends Component {render(){<Button onClicked={()=>this.props.onClicked({name: "John"})}/>}}

状态码不变，你区分返回信息即可。

如果你是在同一个js文件中：var value="",url = "http://test:8080/testcontorl/testAjax",data = {参数}function postCross(url ,data){$.ajax({type:"post",url:url,async:false,data:data,dataType : "json"success:function(data){value=data;//返回的数据赋值给全局变量 }});}function(){ postCross(url ,data)；}如果是不同的js，在后面加个return全局变量就行就行

你是不是地址的路径写错了，图片看不清，你仔细看看你的路径把

要解决ajax跨域问题,网上给出的方法有二:1是构建服务器端的代理。简而言之，就是ajax中调用的实质还是本机的url,而服务器端替js去取回远端地址。2.利用script标记，生成一个 标签。在js加载完成后，再执行后续操作。就是将原来新建xmlHTTPrequest对象的操作改成了新建script标签的操作.这里给出一个例子:#ajah.jsvar Ajah=function(url,varname,handleSuccess,handleFailure){ /** * handleSuccess,handleFailure must be functions * */ script = document.createElement("script"); script.src=url; var handler = function(str) { handleSuccess(str); } script.onload = function() { var json=eval(varname); handler(json); } if(window.ie) { script.onreadystatechange = function() { if(script.readyState=="complete"||script.readyState== "loaded") { var json=eval(varname); if(typeof json != "undefined") { handler(json); } } } } document.body.appendChild(script); }而在网页中应这样调用:#demo.html<pre> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2//EN"> <html> <head> <meta name="generator" content= "HTML Tidy for Linux (vers 1 September 2005), see www.w3.org"> <title></title> <script src="mootools.js"></script> <script src="ajah.js"></script> </head> <body> <script> var ajah=new Ajah("data.js","json198",function(str){ console.debug("returned:"); console.debug(str); }, function(str){}); </script> </body> </html> </pre> 被调用的数据文件如下#data.jsvar json198="hello,this is json198"; funciton Ajah(url,varname,handleSuccess,handleFailure){…}Ajah这个构造函数调用四个参数:url:远端地址varname:远端返回数据的变量名handleSuccess:加载完毕后加载的函数handleFailure:暂时没用上

@json(serialize=true)是将数组进行了序列化并存储，这里要求源数据为数组等具有数据类型和结构等信息的数据，序列化后输出json字符串，如果源数据无法序列化，那么ajax失败。如果源数据以及是标准json，那么需要使用serialize=false

$(“#form”).serialize()，是会将表单里面的值全部序列化之后提交。 你在后台可以通过Request.Form["name"]来获取值。就算全部序列化并不影响你获取值。是不是这个方法的理解有问题？到这里，WebStorm+Node.js的开发环境就算搭建成功了。

那你就不能用serialize方法了，这里面都是value值；你看看$("#myformSub").serialize()传的对象格式是什么样，自己定义一个对象，吧你需要的值赋进去就可以了。我就是不明白，你为什么要传text值，value值能到后台，text肯定就能获取到，一般传参用的都是value，你这有什么特殊需求吗？