`

一个简单的AJAX例子

    博客分类:
  • AJAX
阅读更多
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例子展示了如何通过JavaScript与服务器进行异步通信,以及如何将返回的数据动态地更新到页面上。对于初学者来说,理解这个基本流程是学习Ajax的关键。随着深入学习,你还可以了解更多的高级...

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

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

    一个完整的ajax应用例子

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

    ajax的一个简单例子

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

    自己写的最简单Ajax例子

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

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

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

    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开发中的异步通信具有很高的参考价值...

    ajax例子ajax例子

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

    asp.net ajax简单例子

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

Global site tag (gtag.js) - Google Analytics