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实现步骤 2.1 创建XMLHttpRequest对象:所有现代浏览器都内置了此对象,可以通过`new XMLHttpRequest()`创建实例。 2.2 配置请求:设置请求方法(GET或POST)、URL、是否异步等。 2.3 发送请求:调用`open()...
### AJAX 学习资料知识点详解 #### 一、AJAX 概述 AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。通过在后台与服务器进行少量数据交换,AJAX 可以实现...
《jQuery与Ajax学习指南》是一本专为初学者和有一定JavaScript基础的开发者设计的电子书,旨在帮助读者深入理解和熟练掌握这两个在实际Web开发中不可或缺的技术。jQuery是一个强大的JavaScript库,它极大地简化了DOM...
在级联菜单的上下文中,当用户在一级菜单中选择一个选项时,Ajax会向服务器请求相应的二级菜单数据,然后在前端动态渲染出二级菜单,而无需刷新整个页面。 要实现这个功能,我们需要以下几个步骤: 1. **HTML结构*...
通过"JavaScript语言与Ajax应用(第二版)"的学习,读者将能够熟练掌握JavaScript和Ajax技术,实现更高效、更具交互性的Web应用。这本书的源代码提供了实践案例,有助于读者更好地理解和应用所学知识。
### 二、Ajax工作原理 1. **创建XMLHttpRequest对象**: 浏览器内置,用于与服务器通信。 2. **初始化请求**: 设置HTTP方法(GET、POST等)、URL、是否异步等。 3. **发送请求**: 发送数据到服务器,可能包括查询字符...
AJAX技术学习总结分享.pdf 一、Ajax技术原理总结 Ajax技术是一种创建交互式网页应用的网页开发技术,也是一种用于创建快速动态网页的技术。它通过在后台与服务器进行少量数据交换,AJAX可以使网页实现异步更新。...
### Ajax学习笔记个人总结 #### 一、XMLHttpRequest对象简介 **XMLHttpRequest** 对象是 AJAX 技术的核心,它负责在客户端与服务器之间发送异步请求,无需刷新整个页面即可实现局部数据更新。要使用 ...
**AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。...通过不断实践和学习,你可以创造出更多富有创新性的功能,提升网站的吸引力和实用性。
ASP(Active Server Pages)是一种由微软开发的服务器端脚本环境,用于生成动态网页内容。在结合AJAX(Asynchronous JavaScript ...通过这样的学习,你可以掌握创建高效、交互性强的ASP+AJAX二级联动下拉菜单的技术。
### AJAX学习笔记详解 #### 一、引言 在当今快速发展的互联网技术中,异步JavaScript和XML(AJAX)已成为构建动态Web应用的关键技术之一。通过本篇笔记,我们将深入探讨AJAX的核心概念和技术要点,并针对实际开发...
通过学习这个"ajax学习实例",你可以深入了解Ajax的工作原理和实际应用,掌握如何使用XMLHttpRequest对象进行异步数据交互,以及如何在JavaScript中处理响应和更新页面内容。同时,结合实际的项目练习,可以更好地...
总的来说,"Ajax实现省市二级联动"是一个典型的前端动态交互案例,它涉及到了JavaScript基础、Ajax通信、JSON数据处理以及DOM操作等多个知识点,是学习和掌握Ajax技术的良好实践。通过这种方式,我们可以构建更加...
### AJAX学习笔记 #### 一、引言 Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新。...
**Ajax(Asynchronous JavaScript and XML)**是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。...在学习过程中,参考“访问阿里西西Web开发”和“AJAX_In_Action”这样的资源是非常有益的。
二、Ajax的工作原理 1. 创建XMLHttpRequest对象:在JavaScript中,我们首先需要创建一个XMLHttpRequest实例。 2. 发起HTTP请求:通过XMLHttpRequest对象的open()方法设置请求类型(GET或POST)、URL和是否异步执行。...
在本项目中,"ASP 实用的ajax二级联动菜单"是一个结合了这两种技术的应用,旨在创建一个响应快速、交互流畅的二级菜单系统。 在ASP中,我们通常会使用VBScript或JScript作为脚本语言来处理服务器端逻辑。在这个案例...
二、AJAX与数据库交互 1. 数据库连接:在AJAX中,通常通过后端脚本(如PHP、Python、Node.js等)连接数据库,执行SQL查询,然后将结果返回给前端。 2. 数据库操作:常见的数据库操作包括插入(INSERT)、删除...