核心:XMLHttpRequest对象
属性 值 含义
readyState 0-4 4表示所有响应都被接受
responseText 只读字符串 从服务器接收到的内容
responseXML 只读 将响应内容解析为XML格式,并以document对象方式返回
status 服务器返回的HTTP代码
statusText status属性的字符串形式
方法 含义
abort() 将readyState属性设为0并取消所有未完成的操作
getAllResponseHeaders() 以字符串形式返回为解析的HTTP响应头文件
getResoinseHeader("Content-Type") 指定http头名称
open(method,url,asynchronous,username,pwd)
method:请求方式 "get" "post" "head"
url: 请求页面的URL地址
asynchronous flase时请求为同步 true时请求为异步
send(body) body params字符串
setRequestHeader(name,value) 为请求设置指定头的内容
步骤:
var r = new XMLHttpRequest //0
r.open("post","/b/find_user",true) //1
r.setRequestHeader("Content-Type","application/x-www-form-urlencoded") //2
r.onreadystatechange = "request()" //3
r.send(params) //4
//为不支持XMLHttpRequest构造函数的IE版本定义替代函数
if(typeof(XMLHttpRequest)=="undefined" && window.ActiveXObject)
{
function XMLHttpRequest()
{
var xmlhttp_arr = ["MSXML2.XMLHTTP","Microsoft.XMLHTTP"];
var xml_request
for(var i=0;i<xmlhttp_arr.length;i++)
{
if(xml_request = new ActiveXObject(xmlhttp_arr[i]))
break
}
return xml_request
}
}
1.XMLHttpRequest对象,提供对html协议的完全访问,通过该对象方法能够想服务器发送Post请求和GET请求,能轻易获得服务器返回结果。
方法:open(method,url,asynchronous,username,pwd) 设置请求的参数,但并不向服务器发送。
参数:method表示请求的方式,"GET","POST","HEAD"。url表示要请求的页面的URL地址。
asynchronous为布尔值,false表示请求同步,true表示请求异步。username和pwd为可选参数,表示访问目标URL的授权用户名和密码。
方法:send(body) 向服务器发送请求,在调用send方法前必须调用post方法,反之会出现异常
参数:body表示请求体,是一个字符串或者document对象。
方法:setRequestHeader(name, value)
属性 值 含义
readyState 0-4 4表示所有响应都被接受
responseText 只读字符串 从服务器接收到的内容
responseXML 只读 将响应内容解析为XML格式,并以document对象方式返回
status 服务器返回的HTTP代码
statusText status属性的字符串形式
方法 含义
abort() 将readyState属性设为0并取消所有未完成的操作
getAllResponseHeaders() 以字符串形式返回为解析的HTTP响应头文件
getResoinseHeader("Content-Type") 指定http头名称
open(method,url,asynchronous,username,pwd)
method:请求方式 "get" "post" "head"
url: 请求页面的URL地址
asynchronous flase时请求为同步 true时请求为异步
send(body) body params字符串
setRequestHeader(name,value) 为请求设置指定头的内容
步骤:
var r = new XMLHttpRequest //0
r.open("post","/b/find_user",true) //1
r.setRequestHeader("Content-Type","application/x-www-form-urlencoded") //2
r.onreadystatechange = "request()" //3
r.send(params) //4
//为不支持XMLHttpRequest构造函数的IE版本定义替代函数
if(typeof(XMLHttpRequest)=="undefined" && window.ActiveXObject)
{
function XMLHttpRequest()
{
var xmlhttp_arr = ["MSXML2.XMLHTTP","Microsoft.XMLHTTP"];
var xml_request
for(var i=0;i<xmlhttp_arr.length;i++)
{
if(xml_request = new ActiveXObject(xmlhttp_arr[i]))
break
}
return xml_request
}
}
1.XMLHttpRequest对象,提供对html协议的完全访问,通过该对象方法能够想服务器发送Post请求和GET请求,能轻易获得服务器返回结果。
方法:open(method,url,asynchronous,username,pwd) 设置请求的参数,但并不向服务器发送。
参数:method表示请求的方式,"GET","POST","HEAD"。url表示要请求的页面的URL地址。
asynchronous为布尔值,false表示请求同步,true表示请求异步。username和pwd为可选参数,表示访问目标URL的授权用户名和密码。
方法:send(body) 向服务器发送请求,在调用send方法前必须调用post方法,反之会出现异常
参数:body表示请求体,是一个字符串或者document对象。
方法:setRequestHeader(name, value)
发表评论
-
HTML <object> 标签
2010-03-04 22:31 840定义和用法 定义一个嵌入的对象。请使用此元素向您的 XHTML ... -
js代码:字符动画
2010-03-04 22:30 839<!DOCTYPE html PUBLIC " ... -
js代码:浏览器状态栏飞入文字
2010-03-04 22:29 1229<!DOCTYPE html PUBLIC " ... -
CSS+DIV实现的页面优化代码
2010-03-04 22:28 630<!DOCTYPE html PUBLIC " ... -
IE捉迷藏问题及解决方案
2010-03-04 22:28 997<!DOCTYPE html PUBLIC " ... -
js代码:飘落的雪花
2010-03-04 22:27 837<!DOCTYPE html PUBLIC " ... -
js代码:渐变图形
2010-03-04 22:26 805<!DOCTYPE html PUBLIC " ... -
正则表达式菜鸟入门
2010-03-04 22:25 722常用的正则表达式主 ... -
jquery学习资料
2010-03-04 22:23 802今天开始看看jquery类库 这是我接触的第三个类库 之前有e ... -
jquery菜鸟入门
2010-03-04 22:23 786转自:http://hi.baidu.com/%B7%C9%D ... -
设置flash透明使div层能显示在其之上
2010-03-04 22:21 1017给flash加上这句代码<param name=&quo ... -
ruby打包成gem
2010-03-04 22:20 1318gem 打包: gem build xxx.rb gem 安装 ... -
prototype Ajax.Updater
2010-03-04 22:19 733var url = "/edit/find_topi ... -
ruby日期指令
2010-03-04 22:17 989%A 周日期全称 Saturday %a 周日期缩写 %B ...
相关推荐
AJAX(Asynchronous JavaScript and XML)是一种用于创建交互式网页应用的技术,由Jesse James Gaitett提出。它允许在不刷新整个页面的情况下,通过...理解并掌握AJAX的开发步骤和核心原理,对于现代Web开发至关重要。
**Ajax原理的理解** Ajax,全称为Asynchronous JavaScript and XML,是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它的出现极大地提升了Web应用程序的用户体验,因为它允许数据在后台与服务器...
Ajax的原理主要包含以下几个步骤: 1. **创建 XMLHttpRequest 对象**:这是Ajax的基础,现代浏览器通常都内置了XMLHttpRequest对象。 2. **开启一个HTTP请求**:使用XMLHttpRequest对象的`open()`方法指定请求类型...
### AJAX原理及用法 #### 一、什么是Ajax技术? Ajax(Asynchronous JavaScript and XML,异步JavaScript与XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。通过在后台与服务器进行少量数据...
AJAX的工作流程可以分为以下几个关键步骤: 1. **创建XMLHttpRequest对象**:这是AJAX的核心,所有与服务器的交互都是通过这个对象完成的。在JavaScript中,可以通过`new XMLHttpRequest()`来创建。 2. **初始化...
在Ajax中,有以下几个关键步骤: 1. **创建XMLHttpRequest对象**:在所有现代浏览器中,都可以通过`new XMLHttpRequest()`来创建一个XHR对象。 2. **初始化连接**:使用`open()`方法设置请求类型(GET、POST等)、...
在开始之前,确保你对Ajax的基本原理有所了解。它允许Web应用程序在后台与服务器通信,同时保持用户界面的响应性。Ajax的核心组件包括JavaScript库、XMLHttpRequest对象、DOM操作和CSS。 第二步:安装Ajax库 通常,...
在本项目中,“隐藏框架实现ajax原理”是一个演示如何利用隐藏iframe来实现Ajax交互的实例。下面我们将详细探讨Ajax的工作原理以及如何通过隐藏框架实现这一过程。 1. **Ajax工作原理**: Ajax的核心是JavaScript...
Ajax主要通过以下几个步骤来实现其功能: 1. **创建Ajax对象**: - 使用`ActiveXObject`(IE浏览器)或`XMLHttpRequest`(非IE浏览器)创建Ajax对象。 2. **连接服务器**: - 调用`open`方法建立与服务器的连接...
ASP.NET中的AJAX(Asynchronous JavaScript and XML)技术是一种用于创建快速、动态网页的方法,它允许部分网页在不重新加载整个页面的情况下进行更新。通过利用客户端的JavaScript和XMLHttpRequest对象,开发者可以...
Ajax 请求通常包括以下步骤: - 创建 xhr 对象。 - 调用 `open()` 方法,配置请求类型、URL 和是否异步。 - 可选地,设置请求头。 - 调用 `send()` 方法,如果为 GET 请求,可直接发送空参数;如果是 POST 请求...
在Ajax工作原理中,相当于在用户和服务器之间增加了一个中间层(也称为AJAX引擎)。这个引擎通过JavaScript来控制客户端和服务器的异步通信,使得用户操作与服务器响应可以异步进行。例如,当用户在表单中输入数据时...
**AJAX原理详解** AJAX,全称Asynchronous JavaScript and XML,是一种用于创建快速动态网页的技术。它允许在不重新加载整个网页的情况下,与服务器交换数据并更新部分网页内容。这种技术极大地改善了用户的交互...
Ajax的工作原理可以概括为以下几个步骤: 1. 创建一个XHR对象,通常需要考虑浏览器兼容性问题,因为不同浏览器的实现可能存在差异。 2. 调用XHR对象的`open()`方法,指定请求类型(GET或POST)、URL以及是否异步。...
一个典型的Ajax请求包括以下步骤: - **创建XMLHttpRequest对象**:在现代浏览器中,大部分都内置了XMLHttpRequest对象。 - **打开连接**:调用XMLHttpRequest对象的`open()`方法,指定HTTP请求类型(GET、POST等)...
总的来说,理解Ajax的工作原理和在MOSS中的应用方式,对于提升用户体验和优化Web应用程序的性能具有重要意义。开发者可以根据具体需求,结合提供的资源和本文的指导,实现自己的Ajax增强型MOSS解决方案。
在实际开发中,开发者需要熟悉AJAX的原理,理解DWZ的事件处理机制,以及Struts等后端框架的配置,才能有效地实现这些功能。同时,对于错误处理和用户体验优化也是不可忽视的部分,例如,添加适当的反馈提示,处理...
Ajax的基本原理包括以下几个关键组成部分: 1. **异步通信**:Ajax的关键特性是异步性,这意味着用户可以继续与页面交互,而后台数据请求和处理不会阻塞用户界面。通过XMLHttpRequest对象,JavaScript可以在后台与...
Ajax的基本工作流程包括以下几个步骤: 1. **创建XMLHttpRequest对象**:这是Ajax的基础,大多数现代浏览器都内置了这个对象,用于与服务器进行通信。 2. **初始化请求**:通过XMLHttpRequest对象的open()方法设置...