`

Ajax原理步骤

阅读更多
核心: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)


分享到:
评论

相关推荐

    Ajax开发步骤及代码

    AJAX(Asynchronous JavaScript and XML)是一种用于创建交互式网页应用的技术,由Jesse James Gaitett提出。它允许在不刷新整个页面的情况下,通过...理解并掌握AJAX的开发步骤和核心原理,对于现代Web开发至关重要。

    关于ajax原理的ppt

    **Ajax原理的理解** Ajax,全称为Asynchronous JavaScript and XML,是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它的出现极大地提升了Web应用程序的用户体验,因为它允许数据在后台与服务器...

    ajax ajax原理 ajax代码 ajax编程 ajax学习

    Ajax的原理主要包含以下几个步骤: 1. **创建 XMLHttpRequest 对象**:这是Ajax的基础,现代浏览器通常都内置了XMLHttpRequest对象。 2. **开启一个HTTP请求**:使用XMLHttpRequest对象的`open()`方法指定请求类型...

    ajax原理及用法

    ### AJAX原理及用法 #### 一、什么是Ajax技术? Ajax(Asynchronous JavaScript and XML,异步JavaScript与XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。通过在后台与服务器进行少量数据...

    AJAX异步处理原理分析

    AJAX的工作流程可以分为以下几个关键步骤: 1. **创建XMLHttpRequest对象**:这是AJAX的核心,所有与服务器的交互都是通过这个对象完成的。在JavaScript中,可以通过`new XMLHttpRequest()`来创建。 2. **初始化...

    Ajax的原理

    在Ajax中,有以下几个关键步骤: 1. **创建XMLHttpRequest对象**:在所有现代浏览器中,都可以通过`new XMLHttpRequest()`来创建一个XHR对象。 2. **初始化连接**:使用`open()`方法设置请求类型(GET、POST等)、...

    Moss中使用Ajax详细步骤

    在开始之前,确保你对Ajax的基本原理有所了解。它允许Web应用程序在后台与服务器通信,同时保持用户界面的响应性。Ajax的核心组件包括JavaScript库、XMLHttpRequest对象、DOM操作和CSS。 第二步:安装Ajax库 通常,...

    隐藏框架实现ajax原理

    在本项目中,“隐藏框架实现ajax原理”是一个演示如何利用隐藏iframe来实现Ajax交互的实例。下面我们将详细探讨Ajax的工作原理以及如何通过隐藏框架实现这一过程。 1. **Ajax工作原理**: Ajax的核心是JavaScript...

    Ajax底层原理及使用有那些方式和面试问题

    Ajax主要通过以下几个步骤来实现其功能: 1. **创建Ajax对象**: - 使用`ActiveXObject`(IE浏览器)或`XMLHttpRequest`(非IE浏览器)创建Ajax对象。 2. **连接服务器**: - 调用`open`方法建立与服务器的连接...

    ASP.NET中AJAX技术原理 实例

    ASP.NET中的AJAX(Asynchronous JavaScript and XML)技术是一种用于创建快速、动态网页的方法,它允许部分网页在不重新加载整个页面的情况下进行更新。通过利用客户端的JavaScript和XMLHttpRequest对象,开发者可以...

    Ajax实现原理和使用详解

    Ajax 请求通常包括以下步骤: - 创建 xhr 对象。 - 调用 `open()` 方法,配置请求类型、URL 和是否异步。 - 可选地,设置请求头。 - 调用 `send()` 方法,如果为 GET 请求,可直接发送空参数;如果是 POST 请求...

    谈谈Ajax原理实现过程

    在Ajax工作原理中,相当于在用户和服务器之间增加了一个中间层(也称为AJAX引擎)。这个引擎通过JavaScript来控制客户端和服务器的异步通信,使得用户操作与服务器响应可以异步进行。例如,当用户在表单中输入数据时...

    AJAX原理[收集].pdf

    **AJAX原理详解** AJAX,全称Asynchronous JavaScript and XML,是一种用于创建快速动态网页的技术。它允许在不重新加载整个网页的情况下,与服务器交换数据并更新部分网页内容。这种技术极大地改善了用户的交互...

    ajax原理总结文档

    Ajax的工作原理可以概括为以下几个步骤: 1. 创建一个XHR对象,通常需要考虑浏览器兼容性问题,因为不同浏览器的实现可能存在差异。 2. 调用XHR对象的`open()`方法,指定请求类型(GET或POST)、URL以及是否异步。...

    Ajax开发原理简略

    一个典型的Ajax请求包括以下步骤: - **创建XMLHttpRequest对象**:在现代浏览器中,大部分都内置了XMLHttpRequest对象。 - **打开连接**:调用XMLHttpRequest对象的`open()`方法,指定HTTP请求类型(GET、POST等)...

    MOSS中使用Ajax步骤详解和相关资料

    总的来说,理解Ajax的工作原理和在MOSS中的应用方式,对于提升用户体验和优化Web应用程序的性能具有重要意义。开发者可以根据具体需求,结合提供的资源和本文的指导,实现自己的Ajax增强型MOSS解决方案。

    JQuery UI 实现Ajax提交详细步骤

    在实际开发中,开发者需要熟悉AJAX的原理,理解DWZ的事件处理机制,以及Struts等后端框架的配置,才能有效地实现这些功能。同时,对于错误处理和用户体验优化也是不可忽视的部分,例如,添加适当的反馈提示,处理...

    Ajax基本原理.pdf

    Ajax的基本原理包括以下几个关键组成部分: 1. **异步通信**:Ajax的关键特性是异步性,这意味着用户可以继续与页面交互,而后台数据请求和处理不会阻塞用户界面。通过XMLHttpRequest对象,JavaScript可以在后台与...

    基于ajax相册系统

    Ajax的基本工作流程包括以下几个步骤: 1. **创建XMLHttpRequest对象**:这是Ajax的基础,大多数现代浏览器都内置了这个对象,用于与服务器进行通信。 2. **初始化请求**:通过XMLHttpRequest对象的open()方法设置...

Global site tag (gtag.js) - Google Analytics