本文将为关注织梦者的朋友提供的是的ajax(Asynchronous JavaScript + XML) 技术学习相关教程，具体实例代码请看下文:

参考文档：https://developer.mozilla.org/en-US/docs/AJAX 本文进行了大致翻译。 Ajax 本身本不是一门技术，而是在2005年由Jesse James Garrett首创的描述为一个“新”途径来应用许多已存在的技术，包括：HTML或者XHTML,Cascading Style Sheets,JavaScript,The Document Object Model,XML,XSLT, 和最重要的XMLHttpRequest object。 当把这些技术结合到ajax模型里的时候，web app可以快速地，逐渐地更新用户界面来取代以前的刷新整个浏览界面，这使得应用更快和用户使用体验更好。 尽管x在ajax里面代表xml，json由于其更轻和是javascript的一部分等优点而被更多的使用。ajax模型里面的json和xml都是用来包装数据信息的。 什么是AJAX? AJAX 代表AsynchronousJavaScriptAndXML. 简而言之, 他是用XMLHttpRequestobject 来和服务器交流的方式. 它可以以不同的方式发送和接收信息, 包括 JSON, XML, HTML, 和text文件. AJAX最有吸引力的特性是 "异步", 这意味着它可以在不刷新页面的情况下同服务器交流，交换数据更新页面。 ajax的主要两个主要特性: 不刷新页面请求数据 从服务器获取数据 Step 1 – 如何请求 为了用javascript请求服务器，我们要实例化一个有必要功能的对象。这是XMLHttpRequest的来源。起初Internet Explorer实现了一个被称为XMLHTTP的ActiveX对象。之后，Mozilla， Safari，和其他浏览器厂商陆续实现了XMLHttpRequest对象来支持这个方法和类似于Microsof的ActiveX对象功能。同时，Microsoft也实现了XMLHttpRequest。 // Old compatibility code, no longer needed. if (window.XMLHttpRequest) { // Mozilla, Safari, IE7+ ... httpRequest = new XMLHttpRequest(); } else if (window.ActiveXObject) { // IE 6 and older httpRequest = new ActiveXObject("Microsoft.XMLHTTP"); } 注意：以上代码只做解释作用，只是创建了XMLHttp的实例。可以跳到step 3去看更实用的例子。 请求之后，我们需要接收请求结果。在这个阶段，我们需要告诉XMLHttp请求对象来处理响应的JavaScript方法，通过配置他的onreadystatechangeproperty方法，如下： httpRequest.onreadystatechange = nameOfTheFunction; 或者 httpRequest.onreadystatechange = function(){ // Process the server response here.}; 在声明怎么接受响应之后，我们需要发起请求，通过调用HTTP请求对象的open()和send()方法，如下: httpRequest.open('GET', 'http://www.zhimengzhe.computedString); } else { alert('There was a problem with the request.'); } }} test.php 文件如下： $name = (isset($_POST['userName'])) ? $_POST['userName'] : 'no name';$computedString = "Hi, " . $name;$array = ['userName' => $name, 'computedString' => $computedString];echo json_encode($array); 查看更多DOM方法, 请查看Mozilla's DOM implementation文档。

多多关注织梦者，我们将为您收集更多的jQuery相关文章.

这些内容可能对你也有帮助

更多可查看Javascript教程列表页。