`
5211422
  • 浏览: 209680 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

ajax 再学习(二)

阅读更多

XMLHttpRequest对象的三个属性:

 

1、onreadystatechange 属性存有处理服务器响应的函数。

      xmlHttp.onreadystatechange=function()
      {
          // 我们需要在这里写一些代码
       }

2、readyState 属性可能的值:

 

0 请求未初始化(在调用 open() 之前)
1 请求已提出(调用 send() 之前)
2 请求已发送(这里通常可以从响应得到内容头部)
3 请求处理中(响应中通常有部分数据可用,但是服务器还没有完成响应)
4 请求已完成(可以访问服务器响应并使用它)

 

xmlHttp.onreadystatechange=function()
  {
  if(xmlHttp.readyState==4)
    {
    // 从服务器的response获得数据
    }
  }

 

3、responseText 属性来取回由服务器返回的数据。

xmlHttp.onreadystatechange=function()
  {
  if(xmlHttp.readyState==4)
    {
          var test =xmlHttp.responseText;

 

          //返回xml格式
           var xmlDoc  =xmlHttp.responseXML.documentElement;
           var content = xmlDoc.getElementsByTagName("compname")[0].childNodes[0].nodeValue;
    }
  }

分享到:
评论

相关推荐

    Ajax全套学习教程

    二、Ajax实现步骤 2.1 创建XMLHttpRequest对象:所有现代浏览器都内置了此对象,可以通过`new XMLHttpRequest()`创建实例。 2.2 配置请求:设置请求方法(GET或POST)、URL、是否异步等。 2.3 发送请求:调用`open()...

    AJAX 学习资料最新

    ### AJAX 学习资料知识点详解 #### 一、AJAX 概述 AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。通过在后台与服务器进行少量数据交换,AJAX 可以实现...

    jquery、ajax学习电子书.zip

    《jQuery与Ajax学习指南》是一本专为初学者和有一定JavaScript基础的开发者设计的电子书,旨在帮助读者深入理解和熟练掌握这两个在实际Web开发中不可或缺的技术。jQuery是一个强大的JavaScript库,它极大地简化了DOM...

    ajax二级联动菜单

    在级联菜单的上下文中,当用户在一级菜单中选择一个选项时,Ajax会向服务器请求相应的二级菜单数据,然后在前端动态渲染出二级菜单,而无需刷新整个页面。 要实现这个功能,我们需要以下几个步骤: 1. **HTML结构*...

    JavaScript语言与Ajax应用第二版_JavaScript语言与Ajax应用_JavaScript应用_javascri

    通过"JavaScript语言与Ajax应用(第二版)"的学习,读者将能够熟练掌握JavaScript和Ajax技术,实现更高效、更具交互性的Web应用。这本书的源代码提供了实践案例,有助于读者更好地理解和应用所学知识。

    学习ajax用的各种文档

    ### 二、Ajax工作原理 1. **创建XMLHttpRequest对象**: 浏览器内置,用于与服务器通信。 2. **初始化请求**: 设置HTTP方法(GET、POST等)、URL、是否异步等。 3. **发送请求**: 发送数据到服务器,可能包括查询字符...

    AJAX技术学习总结分享.pdf

    AJAX技术学习总结分享.pdf 一、Ajax技术原理总结 Ajax技术是一种创建交互式网页应用的网页开发技术,也是一种用于创建快速动态网页的技术。它通过在后台与服务器进行少量数据交换,AJAX可以使网页实现异步更新。...

    Ajax学习笔记个人总结

    ### Ajax学习笔记个人总结 #### 一、XMLHttpRequest对象简介 **XMLHttpRequest** 对象是 AJAX 技术的核心,它负责在客户端与服务器之间发送异步请求,无需刷新整个页面即可实现局部数据更新。要使用 ...

    AJAX 学习案例二

    **AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。...通过不断实践和学习,你可以创造出更多富有创新性的功能,提升网站的吸引力和实用性。

    asp+ajax二级联动

    ASP(Active Server Pages)是一种由微软开发的服务器端脚本环境,用于生成动态网页内容。在结合AJAX(Asynchronous JavaScript ...通过这样的学习,你可以掌握创建高效、交互性强的ASP+AJAX二级联动下拉菜单的技术。

    一点学习ajax的笔记

    ### AJAX学习笔记详解 #### 一、引言 在当今快速发展的互联网技术中,异步JavaScript和XML(AJAX)已成为构建动态Web应用的关键技术之一。通过本篇笔记,我们将深入探讨AJAX的核心概念和技术要点,并针对实际开发...

    ajax学习实例

    通过学习这个"ajax学习实例",你可以深入了解Ajax的工作原理和实际应用,掌握如何使用XMLHttpRequest对象进行异步数据交互,以及如何在JavaScript中处理响应和更新页面内容。同时,结合实际的项目练习,可以更好地...

    Ajax实现省市二级联动

    总的来说,"Ajax实现省市二级联动"是一个典型的前端动态交互案例,它涉及到了JavaScript基础、Ajax通信、JSON数据处理以及DOM操作等多个知识点,是学习和掌握Ajax技术的良好实践。通过这种方式,我们可以构建更加...

    ajax学习笔记

    ### AJAX学习笔记 #### 一、引言 Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新。...

    ajax学习文档

    **Ajax(Asynchronous JavaScript and XML)**是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。...在学习过程中,参考“访问阿里西西Web开发”和“AJAX_In_Action”这样的资源是非常有益的。

    Ajax介绍的学习文档

    二、Ajax的工作原理 1. 创建XMLHttpRequest对象:在JavaScript中,我们首先需要创建一个XMLHttpRequest实例。 2. 发起HTTP请求:通过XMLHttpRequest对象的open()方法设置请求类型(GET或POST)、URL和是否异步执行。...

    ASP 实用的ajax二级联动菜单

    在本项目中,"ASP 实用的ajax二级联动菜单"是一个结合了这两种技术的应用,旨在创建一个响应快速、交互流畅的二级菜单系统。 在ASP中,我们通常会使用VBScript或JScript作为脚本语言来处理服务器端逻辑。在这个案例...

    AJAX学习实例与数据库交互实例

    二、AJAX与数据库交互 1. 数据库连接:在AJAX中,通常通过后端脚本(如PHP、Python、Node.js等)连接数据库,执行SQL查询,然后将结果返回给前端。 2. 数据库操作:常见的数据库操作包括插入(INSERT)、删除...

Global site tag (gtag.js) - Google Analytics