Asynchronous  JavaScript and XML,异步JavaScript和XML

主要目的用于页面的局部刷新。不用全部刷新，提高性能。

在AJAX中主要是通过XMLHttpRequest对象处理发送异步请求和处理回应的，此对象最早是在IE 5中以ActiveX组件的形式出现的，一直到2005年之后才被广泛的使用，而如果要想创建一个XMLHttpRequest对象必须使用JavaScript。
 

创建XMLHttpRequest对象 —— create_ajax.htm ：

<script language="JavaScript">

    var xmlHttp ;                    // AJAX核心对象名称

    function createXMLHttp() {            // 创建XMLHttpRequest核心对象

        if (window.XMLHttpRequest) {        // 判断当前使用的浏览器类型

            xmlHttp = new XMLHttpRequest();// 表示使用的为FireFox内核的浏览器

        } else {                    // 表示使用的是IE内核的浏览器

            xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

        }

    }

</script>

XMLHttpRequest对象的属性 ：

No.

属性

描述

1

onreadystatechange

指定当readState状态改变时使用的操作，一般都用于指定具体的回调函数

2

readyState

返回当前请求的状态，只读

3

responseBody

将回应信息正文以unsigned byte数组形式返回，只读

4

responseStream

以Ado Stream对象的形式返回响应信息，只读

5

responseText

接收以普通文本返回的数据，只读

6

responseXML

接收以XML文档形式回应的数据，只读

7

status

返回当前请求的http状态码，只读

8

statusText

返回当前请求的响应行状态，只读

readState取值：

对readState一共有五种取值，分别是：
0：请求没有发出（在调用open()函数之前之前）。
1：请求已经建立但还没有发出（调用send()函数之前）。
2：请求已经发出正在处理之中（这里通常可以从响应得到内容头部）。
3：请求已经处理，正在接收服务器的信息，响应中通常有部分数据可用，但是服务器还没有完成响应。
4：响应已完成，可以访问服务器响应并使用它。

XMLHttpRequest对象的方法 ：

No.

方法

描述

1

abort()

取消当前所发出的请求

2

getAllResponseHeaders()

取得所有的HTTP头信息

3

getResponseHeader()

取得一个指定的HTTP头信息

4

open()

创建一个HTTP请求，并指定请求模式，例如：GET请求或POST请求

5

send()

将创建的请求发送到服务器端，并接收回应信息

6

setRequestHeader()

设置一个指定请求的HTTP头信息

使用异步处理 —— ajax_receive_content.htm ：

<html><head><title>www.mldnjava.cn，MLDN高端Java培训</title></head><body>

<script language="JavaScript">

    var xmlHttp ;                // AJAX核心对象名称

    function createXMLHttp() {            // 创建XMLHttpRequest核心对象

        if (window.XMLHttpRequest) {        // 判断当前使用的浏览器类型

            xmlHttp = new XMLHttpRequest();    // 表示使用的为FireFox内核的浏览器

        } else {                // 表示使用的是IE内核的浏览器

            xmlHttp = new ActiveXObject("Microsoft.XMLHTTP") ;

        }

    }

    function showMsg(){

        createXMLHttp() ;            // 建立xmlHttp核心对象

        xmlHttp.open("POST","content.htm");        // 设置一个请求

        // 设置请求完成之后处理的回调函数

        xmlHttp.onreadystatechange = showMsgCallback ;

        xmlHttp.send(null) ;            // 发送请求，不传递任何参数

    }

    function showMsgCallback(){            // 定义回调函数

        if (xmlHttp.readyState == 4) {        // 数据返回完毕

            if (xmlHttp.status == 200) {    // HTTP操作正常

                var text = xmlHttp.responseText ;    // 接收返回的内容

                // 设置msg标签元素中要显示的内容为AJAX接收的返回值内容

                document.getElementById("msg").innerHTML = text ;

            }

        }

    }

</script><input type="button" onclick="showMsg()" value="调用AJAX显示内容">

<span id="msg"></span>

</body></html>

总结：

1 使用AJAX可以完成局部刷新操作；
2 在AJAX中主要是通过XMLHttpRequest对象完成操作。

AJAX开发技术--AJAX简介的更多相关文章

  1. AJAX开发技术

    AJAX技术 AJAX(Asynchronous JavaScript and XML,异步JavaScript和XML),AJAX并不是一项新的技术,它产生的主要目的是用于页面的局部刷新,从之前的代 ...

  2. Java EE开发技术课程第五周（Applet程序组件与AJAX技术）

    1.Applet程序组件 1.1.定义: Applet是采用Java编程语言编写的小应用程序,该程序可以包含在HTML(标准通用标记语言的一个应用)页中,与在页中包含图像的方式大致相同.含有Apple ...

  3. {Django基础七之Ajax} 一 Ajax简介 二 Ajax使用 三 Ajax请求设置csrf_token 四 关于json 五 补充一个SweetAlert插件(了解)

    Django基础七之Ajax 本节目录 一 Ajax简介 二 Ajax使用 三 Ajax请求设置csrf_token 四 关于json 五 补充一个SweetAlert插件(了解) 一 Ajax简介 ...

  4. {Django基础七之Ajax} 一 Ajax简介 二 Ajax使用 三 Ajax请求设置csrf_token 四 关于json 五 补充一个SweetAlert插件(了解)

    {Django基础七之Ajax} 一 Ajax简介 二 Ajax使用 三 Ajax请求设置csrf_token 四 关于json 五 补充一个SweetAlert插件(了解)   Django基础七之 ...

  5. ajax请求技术

    1.写在前面: 阅读要求: 具有一定的HTML.CSS.JavaScript.Json基础 2.什么是ajax Ajax:即”Asynchronous Javascript And XML”(异步Ja ...

  6. Web的Ajax应用开发模式（二）——Ajax开发模式分析

    寄语: 前天在查看一些公司的招聘要求时,看到有公司要求测试人员了解Ajax,故写此博文旨在帮助测试人员提高自身技术知识水平,愿与广大测试同胞共同进步.(欢迎纠错!!!) Web应用的传统开发模式总结: ...

  7. ajax（ajax开发与入门）

    AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术.AJAX是一种进行页面局部异步刷新的技术,局 ...

  8. Ajax编程技术

    AJAX:”Asynchronous JavaScript and XML” 中文意思:异步JavaScript和XML. 指一种创建交互式网页应用的网页开发技术. 不是指一种单一的技术,而是有机地利 ...

  9. ajax（ajax开发）

    AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术. AJAX = 异步 JavaScript和 ...

随机推荐

  1. NSURL访问项目中的文件

    最近在研究视频处理,具体为:将一个mp4文件,拖入项目工程中,通过url访问文件. 开始代码如下: NSString *path = [[NSBundle mainBundle]pathForReso ...

  2. 一个初学者的辛酸路程-Python基础-3

    前言 不要整天沉迷于学习-. 字典 一.我想跟你聊聊字典 1.为何要有字典? 大家有没有想过为什么要有字典?有列表不就可以了吗? 也许大家会这么认为,我给大家举个例子,大家就明白了. 比如说,我通讯录 ...

  3. stm32按键识别

    刚写了一个关于stm32单片机的按键识别的程序.目的,同时识别多个按键,并且不浪费cpu的时间. 关于去抖动,以前以为是在按键的时候,手会抖动.通过程序验证,这个确实是误解.这个应该是防止意外干扰.以 ...

  4. perl Socket接收超时设置

    一般来说, IO::Socket::INET里的Timeout设置是对于conncet的 如果你想设置recv接收超时, 可以这样设置: usr Socket: ...... , )); #注意这里p ...

  5. iOSstoryboard xib下label怎么自适应宽度高度

    先看需求:两个Label,要求蓝色的label紧跟在红色的label文字后面 ok首选正常添加约束 红色的Label添加宽度,高度,左边,上边约束 蓝色的Label添加宽度,高度,左边,和红色的水平对 ...

  6. Codeforces Round #364 (Div. 2) D. As Fast As Possible

     D. As Fast As Possible time limit per test 1 second memory limit per test 256 megabytes input stand ...

  7. Linux-ssh的rsa认证登录配置

    首先看一下实验环境: [root@localhost ~]# cat /proc/version #ip 192.168.254.130 Linux version 2.6.32-431.el6.x8 ...

  8. 购物车（Shopping cart） —— B2C网站核心产品设计 （二）

    购物车是做什么的? 我们先来看一下现实超市中的购物车,一个带四个轱辘的铁筐子,客人推来推去,看到什么东西喜欢,就扔进去,觉得东西差不多了,就推到收银台. 那B2C网站中的购物车又是一个什么东西呢? 从 ...

  9. angular跨域访问的问题

    CORS跨域资源共享 跨域资源共享(CORS )是一种网络浏览器的技术规范,它为Web服务器定义了一种方式,允许网页从不同的域访问其资源. Form responseHeaders = (Form) ...

  10. 最大边和最小边之差最小的生成树 UVA 1394

    题目大意:给你n个点的图,求苗条度(最大边减最小编)尽量小的生成树 思路:sort以后暴力枚举区间即可 //看看会不会爆int!数组会不会少了一维! //取物问题一定要小心先手胜利的条件 #inclu ...