`

一个简单的AJAX例子

    博客分类：
  • AJAX
AjaxXMLJavaScriptXHTMLMicrosoft 
阅读更多
xml 代码
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"   
  2.   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
  3. <html xmlns="http://www.w3.org/1999/xhtml">  
  4. <head>  
  5. <title>Simple XMLHttpRequest</title>  
  6.       
  7. <script type="text/javascript">  
  8. var xmlHttp;   
  9.   
  10. function createXMLHttpRequest() {   
  11.     if (window.ActiveXObject) {   
  12.         xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");   
  13.     }   
  14.     else if (window.XMLHttpRequest) {   
  15.         xmlHttp = new XMLHttpRequest();   
  16.     }   
  17. }   
  18.       
  19. function startRequest() {   
  20.     createXMLHttpRequest();   
  21.     xmlHttp.onreadystatechange = handleStateChange;   
  22.     xmlHttp.open("GET", "simpleResponse.xml", true);   
  23.     xmlHttp.send(null);   
  24. }   
  25.       
  26. function handleStateChange() {   
  27.     if(xmlHttp.readyState == 4) {   
  28.         if(xmlHttp.status == 200) {   
  29.             alert("The server replied with: " + xmlHttp.responseText);   
  30.         }   
  31.   
  32. }   
  33. }   
  34. </script>  
  35. </head>  
  36.   
  37. <body>  
  38.     <form action="#">  
  39.         <input type="button" value="Start Basic Asynchronous Request" onclick="startRequest();"/>  
  40.     </form>  
  41. </body>  
  42. </html>  
  43.   
  44. 所用到的xml文件   
  45.   
  46. simpleResponse.xml//放在同一个目录下就可以了   
  47.   
  48. Hello from the server!   
  49.     
分享到：
| 励志话语(转)
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    很简单的一个AJAX例子

    这个"很简单的一个AJAX例子"的标题和描述表明，我们将会探讨一个基础的AJAX应用实例，它可能包含了一个简单的JavaScript代码示例，用于向服务器发送请求并接收响应，以实现页面的异步更新。 在Web开发中，AJAX的...

    一个简单的Ajax例子

    在这个"一个简单的Ajax例子"中，我们将深入探讨Ajax的核心概念、工作原理以及如何编写基本的Ajax代码。 1. **Ajax核心概念**： - **异步通信**：Ajax允许浏览器与服务器进行非阻塞通信，即用户在请求处理期间仍可...

    一个非常简单的ajax例子

    通过理解并实践这个简单的Ajax例子，你可以掌握创建XMLHttpRequest对象、发送HTTP请求以及处理响应的基本步骤。 首先，让我们了解一下XMLHttpRequest对象。它是Ajax的核心，允许JavaScript与服务器进行异步数据交换...

    一个最简单的AJAX例子

    在压缩包中的"Ajax"文件，可能是包含了这个简单AJAX例子的源代码或者相关资源。查看这个文件可以提供更具体的实践细节，比如服务器端的响应格式、如何将数据插入到DOM中等。 总结起来，AJAX是Web开发中的重要技术，...

    ajax例子ajax例子

    Ajax（异步JavaScript和XML）是一种在无需刷新整个网页的情况下，能够更新部分网页的技术。它通过在后台与服务器进行少量数据...通过结合`index.html`、`ajax.js`和`get.php`这三个文件，可以构建一个简单的Ajax应用。

    ajax最简单例子

    总的来说，这个简单的Ajax例子展示了如何通过JavaScript与服务器进行异步通信，以及如何将返回的数据动态地更新到页面上。对于初学者来说，理解这个基本流程是学习Ajax的关键。随着深入学习，你还可以了解更多的高级...

    简单ajax登陆例子，新手适用

    这个“简单ajax登录例子”是一个非常适合初学者理解Ajax基本原理和使用方法的教程。在这里，我们将深入探讨Ajax如何与Servlet结合，实现用户无刷新登录验证。 1. **Ajax简介** Ajax的核心是JavaScript异步通信，它...

    msajax简单例子jsmsajax简单例子jsmsajax简单例子js

    msajax简单例子msajax简单例子msajax简单例子msajax简单例子msajax简单例子msajax简单例子msajax简单例子msajax简单例子msajax简单例子msajax简单例子msajax简单例子msajax简单例子msajax简单例子

    一个完整的ajax应用例子

    3. **反馈结果**：收到服务器响应后，根据返回的数据（例如，一个布尔值表示用户名是否可用），在页面上显示相应的提示信息。 **四、实现细节** 1. **创建XMLHttpRequest实例**：`var xhr = new XMLHttpRequest();`...

    ajax的一个简单例子

    在"ajax的一个简单例子"中，我们通常会看到以下几个关键组成部分： 1. **创建XMLHttpRequest对象**：这是Ajax的核心，几乎所有的浏览器都内置了这个对象，用于与服务器进行异步通信。例如： ```javascript var ...

    自己写的最简单Ajax例子

    在"自己写的最简单Ajax例子"中，我们可以看到两个简单的实例，适合初学者入门学习。 首先，我们来详细讲解一下Ajax的核心概念： 1. 异步通信：Ajax的核心特性就是异步，这意味着在发送请求后，浏览器不会等待...

    ajax一个最简单的例子

    本教程将通过一个最简单的Ajax例子，让你深入理解其工作原理和优势。 ### 1. Ajax基本概念 - **异步通信**：Ajax的核心是浏览器内置的`XMLHttpRequest`对象，它允许JavaScript向服务器发送异步HTTP请求，即在不...

    ajax简单例子（转）

    以下是一个简单的Ajax GET请求的例子： ```javascript var xhr = new XMLHttpRequest(); xhr.open('GET', 'AjaxxmlPage', true); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status ...

    Ajax最简单的例子

    这个简单的Ajax例子展示了如何获取服务器上的文本文件（如'ajax_example.txt'）并将其内容显示在网页上。实际上，Ajax可以处理更复杂的任务，比如发送表单数据、获取JSON数据、实现分页加载等。在实际应用中，我们...

    简单的ajax例子

    本篇将通过一个简单的AJAX例子来阐述其基本原理和使用方法，以及与Servlet的结合。 首先，我们来看AJAX的核心组成部分： 1. **XMLHttpRequest对象**：这是AJAX的基础，它是浏览器提供的JavaScript对象，用于在后台...

    一个简单的xmlHttpRequest ajax的例子

    在这个“一个简单的xmlHttpRequest AJAX的例子”中，我们将探讨如何使用XMLHttpRequest对象来实现基本的AJAX请求。 首先，我们需要创建一个新的XMLHttpRequest实例。在JavaScript中，这是通过`new XMLHttpRequest()...

    一个ajax的小例子

    在"一个Ajax的小例子"中，我们很可能是看到一个简单的应用示例，展示如何使用Ajax进行后台数据的通信。Ajax的核心是通过JavaScript创建XMLHttpRequest对象，这个对象是浏览器提供的API，用于实现客户端和服务器之间...

    jquery+ajax例子

    总结起来，"jQuery+Ajax例子"是一个展示如何在MyEclipse环境下使用jQuery进行Ajax请求的实践项目。它涵盖了jQuery的Ajax方法、与Java后端的交互以及开源精神的应用，对于理解Web开发中的异步通信具有很高的参考价值...

    asp.net ajax简单例子

    这个"asp.net ajax简单例子"应该包含了一个使用ASP.NET AJAX技术实现的简单应用。 首先，`Receive.aspx`文件是用户在浏览器中看到的网页，它通常包含HTML、CSS和JavaScript代码。在这个例子中，`Receive.aspx`可能...

Magicbox
Global site tag (gtag.js) - Google Analytics