Ajax-03 XmlHttpRequest实现Ajax

概述

Ajax主要就是使用XmlHttpRequest对象来完成请求的操作,该对象在主流浏览器中均存在

XmlHttpRequest对象的主要方法

a. void open(String method,String url,Boolen async)

  用于创建请求

  参数:

    method: 请求方式(字符串类型),如POST、GET、DELETE...

    url:        要请求的地址(字符串类型)

    async:    是否异步(布尔类型)

b. void send(String body)

  用于发送请求

    参数:

      body: 要发送的数据(字符串类型)

c. void setheader(String header,String value)

  用于设置请求头

  参数:

    header: 请求头的key(字符串类型)

    value:  请求头的value(字符串类型)

d. String getAllResponseHeaders()

  获取所有响应头

  返回值:

    响应头数据(字符串类型)

e. String getResponseHeader(String header)

f. void abort()

XmlHttpRequest对象的主要属性

a. Number readyState

  状态值(整数)

  详细:

    0-未初始化,尚未调用open()方法;

    1-启动,调用了open()方法,未调用send()方法;

    2-发送,已经调用了send()方法,未接收到响应;

    3-接收,已经接收到部分响应数据;

    4-完成,已经接收到全部响应数据;

b. Function onreadystatechange

  当readyState的值改变时自动触发执行其对应的函数(回调函数)

c. String responseText

  服务端返回的数据(字符串类型)

d. XmlDocument responseXML

  服务端返回的数据(Xml对象)

e. Number states

  状态码(整数),如:200、404...

f. String statesText

   状态文本(字符串)。如:OK、NotFound...

时间: 2024-10-08 00:05:25

Ajax-03 XmlHttpRequest实现Ajax的相关文章

PHP. 03 .ajax传输XML、 ajax传输json、封装

XML简介 XML 指可扩展标记语言 EXtensible Markup Language .设计的时候是用来传递数据的,虽然格式跟HTML类似 xml示例 <?xml version="1.0" encoding="UTF-8"?> <singer> <name>Jay</name> <age>18</age> <skill>Sing</skill> </sing

AJAX入门--- XMLHttpRequest对象的属性和方法

由于刚刚接触到Ajax对其比较陌生,而其中的XMLHttpRequest对象更是未曾听闻.开始学之前,了解一下它的属性和方法为它的使用做下铺垫.本文重点介绍XMLHttpRequest的属性和方法. XMLHttpRequest对象的属性和事件 属性 描述 readyState 表示XMLHttpRequest对象的状态[1] responseText 包含客户端接收到的HTTP相应的文本内容[2] responseXML 服务器响应的XML内容对应的DOM对象[3] status 服务器返回h

《JavaScript权威指南》学习笔记之二十---XMLHttpRequest和AJAX解决方案

一.AJAX概述 AJAX是Asynchronous JavaScript and XML的缩写,中文译作异步JavaScript和XML.AJAX 不是新的编程语言,而是一种使用现有标准的新方法,在不重新加载页面的情况下,与服务器交换数据并更新部分网页的艺术.其核心是:客户端的Javascript能够与web服务器进行异步数据交换. 二.AJAX基础---XMLHttpRequest对象 所有现代浏览器(IE7+.Firefox.Chrome.Safari 以及 Opera)均内建 XMLHt

详解AJAX核心 —— XMLHttpRequest 对象 (下)

继续上一篇的内容上一篇关于XMLHttpRequest 对象发送对服务器的请求只说到了用Get方式,没有说Post方式的.那是因为要说Post方式就需要先说另外一个东西,那就是DOM(Document Object Model)文档对象模型.JavaScript通过DOM读取.改变或者删除 HTML.XHTML 以及 XML中的元素,可以重构整个 HTML 文档.可以添加.移除.改变或重排页面上的项目,而且这样的操作会马上显示在页面上.另外,所有浏览器执行W3C 发布的 DOM 标准规范,DOM

详解AJAX核心 —— XMLHttpRequest 对象 (上)

我要说的内容都是非常基础的内容,高手就免看了,如果看了欢迎给点意见啊.新手或者对低层还不是很了解的人可以看看,帮助理解与记忆. XMLHttpRequest 对象是AJAX功能的核心,要开发AJAX程序必须从了解XMLHttpRequest 对象开始. 了解XMLHttpRequest 对象就先从创建XMLHttpRequest 对象开始,在不同的浏览器中创建XMLHttpRequest 对象使用不同的方法: 先看看IE创建XMLHttpRequest 对象的方法(方法1): var xmlht

AJAX - 创建 XMLHttpRequest 对象

XMLHttpRequest 是 AJAX 的基础. XMLHttpRequest 对象 所有现代浏览器均支持 XMLHttpRequest 对象(IE5 和 IE6 使用 ActiveXObject). XMLHttpRequest 用于在后台与服务器交换数据.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. 创建 XMLHttpRequest 对象 所有现代浏览器(IE7+.Firefox.Chrome.Safari 以及 Opera)均内建 XMLHttpRequest

AJAX——核心XMLHttpRequest对象

AJAX——核心XMLHttpRequest对象

Ajax 之XMLHttpRequest讲解

一直以来都听别人说Ajax,今天终于接触到了.......... 一.什么是Ajax? 答: AJAX即"Asynchronous Javascript And XML"(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术. AJAX = 异步 JavaScript和XML(标准通用标记语言的子集). AJAX 是一种用于创建快速动态网页的技术. 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对

结合prototype和xmlhttprequest封装ajax请求

由于拖延症的严重以及年前准备年会(借口*^__^*) 导致这个小的的思考  现在才算完成 再怎么说也算是上班以来带我的前辈第一次这么正式的给我出题 不管是出于尊重还是自我要求我都决定把它简要的记下来 ...... 1.了解prototype 原型对象的作用,就是定义所有实例对象共享的属性和方法.具体理解见实际操作中 2.给String Date等对象增加继承方法 要求结果:比如var date = "2016-01-01 00:00:00";date.format();要求输出&quo

《JavaScript权威指南》学习笔记之二十---XMLHttpRequest和AJAX解决方式

一.AJAX概述 AJAX是Asynchronous JavaScript and XML的缩写.中文译作异步JavaScript和XML.AJAX 不是新的编程语言,而是一种使用现有标准的新方法.在不又一次载入页面的情况下,与server交换数据并更新部分网页的艺术. 其核心是:client的Javascript可以与webserver进行异步数据交换. 二.AJAX基础---XMLHttpRequest对象 全部现代浏览器(IE7+.Firefox.Chrome.Safari 以及 Oper