`

Ajax之XmlHttpRequest

    博客分类:
  • web
web 
阅读更多

        Ajax是一种支持异步请求的技术。简而言之JavaScript向服务器提出请求并处理响应,而不阻塞用户 。

        XmlHttpRequest是Ajax的核心,可以在不想服务器提交整个页面的前提下实现局部刷新。

         XMLHttpRequest 对象提供了对 HTTP 协议的完全的访问,包括做出 POST 和 HEAD 请求以及普通的 GET 请求的能力。XMLHttpRequest 可以同步或异步返回 Web 服务器的响应,并且能以文本或者一个 DOM 文档形式返回内容。尽管名为 XMLHttpRequest,它并不限于和 XML 文档一起使用:它可以接收任何形式的 文本文档 。

      

           var xmlHttp;
	    if(window.XMLHttpRequest){
	      xmlHttp=new XMLHttpRequest();
             //初始化 HTTP 请求参数,例如 URL 和 HTTP 方法,但是并不发送请求,async同步方式还是异步方式发送请求 (async=true表示异步,否则表示同步)
	      xmlHttp.open("post","TravelMsgAction.action?class=web",true);
	      xmlHttp.send();    //将请求发送到服务器
	      xmlHttp.onreadystatechange=function(){
	         if(xmlHttp.status==200&&xmlHttp.readyState==4){
	          var result=xmlHttp.responseText;  //获取成功后的返回值
	          if("success"==result)
	            alert("加入成功");
	            $('#Msglog').dialog('close');
	         }
	      }
	    }

    注:

          onreadystatechange 

            每当 readyState 属性改变时,就会调用该函数 

           readyState 

             存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。

             0: 请求未初始化 

             1: 服务器连接已建立 

             2: 请求已接收 

             3: 请求处理中 

             4: 请求已完成,且响应已就绪

           status

             200: "OK"

             404: 未找到页面

           responseText 

             从服务器接收到的数据(不包括头部)(解析一个字符串)

           responseXML 

             从服务器接收到的数据(不包括头部)(解析为 XML 并作为 Document 对象返回)。

 

分享到:
评论

相关推荐

    Ajax之XMLHttpRequest详解

    ### Ajax之XMLHttpRequest详解 #### 一、引言 随着互联网技术的发展,用户对Web应用的体验要求越来越高。传统的Web应用程序通常采用请求/响应模型,这意味着每次用户与页面交互(例如点击按钮)都会触发一个新的...

    Ajax using XMLHttpRequest and Struts

    Ajax技术的核心是XMLHttpRequest对象,它允许网页在不重新加载整个页面的情况下,与服务器进行数据交换,从而实现局部刷新,提升响应速度和交互性。 ### Ajax与XMLHttpRequest Ajax技术最早由Adaptive Path提出,...

    Ajax核心对象XMLHTTPRequest

    Ajax核心对象XMLHTTPRequest详细参数及例子

    ajax使用XMLHttpRequest实现简单的信息验证

    XMLHttpRequest是Ajax的核心组件,它提供了一种异步与服务器通信的方式。以下是一个基本的XMLHttpRequest的使用流程: 1. **创建实例**: 首先,我们需要在JavaScript代码中创建一个XMLHttpRequest实例。例如: `...

    AJAX_XMLHttpRequest.rar_ajax java_ajax xmlhttpreque_opera

    AJAX入门之XMLHttpRequest慨述  在使用XMLHttpRequest对象发送请求和处理响应之前,必须先用JavaScript创建一个XMLHttpRequest对象。由于XMLHttpRequest不是一个W3C标准,所以可以采用多种方法使用JavaScript来...

    Ajax简单实例 XMLHttpRequest

    本实例将通过XMLHttpRequest对象来展示Ajax的基础用法,非常适合初学者学习。 首先,要理解XMLHttpRequest对象是Ajax的核心,它负责在后台与服务器进行通信。在JavaScript中,我们可以通过以下方式创建一个...

    javascript实例应用---Ajax与XMLHttpRequest.rar

    javascript实例应用---Ajax与XMLHttpRequest.rarjavascript实例应用---Ajax与XMLHttpRequest.rarjavascript实例应用---Ajax与XMLHttpRequest.rar

    Ajax深度剖析,XMLHttpRequest对象大揭秘

    XMLHttpRequest对象是Ajax技术的基础,它允许JavaScript在页面不刷新的情况下与服务器进行通信。创建一个XMLHttpRequest实例非常简单: ```javascript var xhr = new XMLHttpRequest(); ``` 一旦创建了实例,我们...

    xmlHttpRequest用法示例ajax

    XMLHttpRequest(简称XHR)是JavaScript中的一个对象,用于在不刷新整个页面的情况下,与服务器进行异步数据交换,这是实现Ajax(Asynchronous JavaScript and XML)技术的基础。在本示例中,我们将深入探讨...

    Ajax Demo Ajax 示例 XMLHttpRequest 异步 静态

    1. **XMLHttpRequest 对象**:这是 Ajax 的基石,它允许 JavaScript 在后台与服务器通信。在 JavaScript 中创建一个 XMLHttpRequest 实例,然后利用其 open() 和 send() 方法发起请求,并通过 onreadystatechange ...

    Ajax中XmlHttpRequest实例笔记

    **Ajax中的XmlHttpRequest详解** Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。核心在于使用JavaScript与服务器进行异步数据交换,并且利用浏览器内置...

    Ajax 创建XMLHttpRequest对象,兼容所有主流浏览器(IE5除外)

    经测试,用此方法创建XMLHttpRequest对象,在运用AJAX的时候,可以的兼容IE6,IE7,IE8,Opera,Safari,Google Chrome,fireFox。主流的应该就这些吧?theWorld,遨游等浏览器都是以IE为核心的,所以肯定也没问题。 另外...

    AjaxXMLHttpRequest_Demo02.zip

    在AjaxXMLHttpRequest_Demo02.zip中,我们可能会看到以下几个关键组成部分: 1. **HTML文件**:通常命名为index.html,它是用户界面的基础,包含用户交互的元素,如按钮、输入框等。当用户触发某个事件(如点击按钮...

    XMLHttpRequest中文参考手册(学习Ajax必备)

    XMLHttpRequest(XHR)是Web开发中的一个关键技术,它是实现Asynchronous JavaScript and XML(Ajax)的核心组件。Ajax是一种在不刷新整个网页的情况下,能够更新部分网页的技术,极大地提升了用户体验。本手册将...

    ajax之核心XMLHttpRequest中文参考手册

    **Ajax核心XMLHttpRequest中文参考手册** Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使网页实现异步更新。...

    ajax客户端XMLHttpRequest 实例

    **Ajax 客户端 XMLHttpRequest 实例详解** Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个页面的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使得网页实现了异步更新。...

    全面剖析Ajax的XMLHttpRequest对象.doc

    Ajax 中的 XMLHttpRequest 对象 Ajax 是一种异步的 JavaScript 与 XML 技术,用于在客户端脚本与服务器之间实现数据交互过程。XMLHttpRequest 对象是 Ajax 的技术基础,尽管现在提供了各种 Ajax 框架,但是理解这个...

    基于AJAX(XMLHTTPRequest)的服务器推送框架.zip

    【标题】"基于AJAX(XMLHTTPRequest)的服务器推送框架.zip" 涉及的主要知识点是AJAX(异步JavaScript和XML)技术以及XMLHttpRequest对象在实现服务器推送中的应用。AJAX是一种网页开发技术,它允许网页在不刷新整个...

Global site tag (gtag.js) - Google Analytics