ajax——XMLHttpRequest

摘要:
XMLHttpRequest对象4步用法:1。创建XMLHttpRequest对象。创建XMLHttpRequest对象时,需要根据浏览器的不同版本号创建它。由于IE5.0和iE6.0,开发人员可以使用XMLHttpActiveX组件在WEB页面内扩展其功能;继承XML的代理类XMLHttpRequest是从IE7版本号及以上的浏览器和其他制造商创建的。DOM对象状态器返回的HTTP状态代码,对应于responseXMLserver响应的XML内容。StatusTextserver返回状态代码的文本信息摘要:在Ajax应用程序中,XMLHttpRequest对象负责以异步通信方式将用户信息发送到服务器,并接收服务器响应信息和数据。

    XMLHttpRequest对象。能够让ajax程序在不又一次载入的页面的情况下更新页面数据,页面载入完毕后从server接受发生数据。这样既减轻了server负担又回顾了响应速度,缩短了用户的等待时间,让web程序更类似于传统的桌面应用。

XMLHttpRequest对象4步用法:

1.建立XMLHttpRequest对象。

    建立XMLHttpRequest对象时,要依据浏览器的不同版本号去建立,由于IE5.0和iE6.0,开发者就能够在WEB页面内部使用XMLHTTP ActiveX组件扩展自身的功能;而从IE7版本号以上以及其它厂商的浏览器,開始创建继承XML的代理类XMLHttpRequest。所以创建上会有不同。

         var xmlhttp;//定义全局变量   
<span style="white-space:pre">	</span>//1.创建xmlhttprequest对象
            if (window.XMLHttpRequest) {
                //firefox等其它浏览器、ie7、8及以上版本号适用
                    xmlhttp = new XMLHttpRequest();
                if (xmlhttp.overrideMimeType) {
                    xmlhttp.overrideMimeType("text/xml");
                } else if (window.ActiveXObject) {
                    //ie5、6版本号版本号适用
                    var activexName = ["MSXML2.XMLHTTP.6.0", "MSXML2.XMLHTTP.5.0", "MSXML2.XMLHTTP.4.0", "MSXML2.XMLHTTP.3.0","MSXML2.XMLHTTP","Miscrosoft.XMLHTTP"];
                    for (var i = 0; i < activexName.length; i++) {
                        try {
                                xmlhttp = new ActiveXObject(activexName[i]);
                            break;
                        } catch (e) {

                        }
                    }
                }
                if (xmlhttp==undefined || xmlhttp==null) {
                    alert("当前浏览器不支持创建xmlhttprequest对象");
                    return;
                }

2.注冊回调函数

                //2.注冊一个回调方法
                xmlhttp.onreadystatechange = callback;

3.使用open方法设置和server交互的信息,并设置发送的数据,

open方法中的也有get和post的提交方式。post的方式时。要设置它的头文件,而且须要发送时须要将參数写的send中

                //GET方式交互
                //3.设置和server交互的对应參数
                xmlhttp.open("GET", "HtmlPage1.ashx?

username=" + userName, true); ////设置server端发送的数据。

启动和server的交互 xmlhttp.send(null);


                //POST方式交互
                //3.利用open。设置和server交互的对应參数
                xmlhttp.open("POST", "HtmlPage1.ashx", true);
                xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");              //POST方式所须要添加的代码,头文件
                //设置server端发送的数据。启动和server的交互。以及传递參数
                xmlhttp.send("username=" + userName);

4.在回调函数中推断交互是否完毕。响应是否正确。并依据须要获取server端返回的数据。更新页面内容。

                //回调函数
                function callback()
                {
                    //5.推断和server器的交互是否完毕,server端是否正确返回了数据
                    if (xmlhttp.readyState == 4) {//表示server端的交互已经完毕
                        if (xmlhttp.status == 200) {//表示正确的返回了数据
                            //纯文本的方法接受方法
                            var message = xmlhttp.responseText;
                            //xml数据相应的dom对象的接受方法
                            //使用的前提是,server端须要设置
                            //记忆向div标签中加入文本内容
                            var div1 = document.getElementById("message");
                            div1.innerHTML = message;
                        }
                    }
                }

XMLHttpRequest的具体属性和方法:

open()指定server端交互的http方法(post or get)、url地址、是否异步等信息
send()向server发出请求,假设採用异步,该方法马上返回,其内容能够是null。dom对象。输入流,字符串
setRequestjeader()设置http的头文件,在open方法以后调用。

getallResponseHeaders()包括http的全部对应头文件信息。
getResponseHeader()返回http相应头文件里指定的键名header相应值。
abort()停止当前http请求,相应的xmlhttprequest对象复位到未初始化的状态
readyState异步操作的状态:未初始化(0),正在载入(1),已载入(2),交互(3)。已完毕(4)
onreadystatechange()请求状态改变的事件触发器。

(可注冊函数)

responseTextserver响应的文本内容。

responseXMLserver响应的XML内容相应的DOM对象
statusserver返回的HTTP状态码。200成功。
statusTextserver返回状态码的文本信息

总结:

    在Ajax应用程序中,XMLHttpRequest对象负责将用户信息以异步通信地发送到server端,并接收server响应信息和数据。




免责声明:文章转载自《ajax——XMLHttpRequest》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇关于一些无法被代替的宏定义函数互信息的概念和定理下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Ajax 简单介绍

一、ajax是什么: ( 1 ) . ajax 是异步JavaScript和XML, 英文全程是Asynchronous Javascript and XML. ( 2 ). ajax 可以通过与后台进行少量的数据交换,实现对局部网页进行异步更新,避免了要刷新这个页面的情况。 在通常情况下,如果要更新网页的数据,需要刷新整个页面,如果利用ajax,那么就可以...

说说JSON和JSONP,也许你会豁然开朗,含jQuery用例

前言: 由于Sencha Touch 2这种开发模式的特性,基本决定了它原生的数据交互行为几乎只能通过AJAX来实现。 当然了,通过调用强大的PhoneGap插件然后打包,你可以实现100%的Socket通讯和本地数据库功能,又或者通过HTML5的WebSocket也可以实现与服务器的通讯和服务端推功能,但这两种方式都有其局限性,前者需要PhoneG...

jQuery 发送ajax请求

写在前面的话: 利用jQuery 的 ajax() 方法通过 HTTP 请求加载远程数据 是非常简便的,也是常用的功能。W3school网上的资料(里边有各个参数的介绍) 1.常用写法: $.ajax({ url:'test.php', type:'POST', // 默认为GET data:{ name:'xy',age:22}...

.NET 特性Attribute[二]

.NET Framework中对Attribute的支持是一个全新的功能,这种支持来自它的Attribute类。在你的程序中适当地使用这个类,或者是灵活巧妙地利用这个类,将使你的程序获得某种在以往编程中很难做到的能力。我们来看一个例子:Ajax的流行,使得各种AJAX框架相继推出,.NET第三方提供的AJAX框架也很多,这里介绍一种Ajax.dll。 相信使...

Jquery Ajax和getJSON获取后台普通Json数据和层级Json数据解析

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> &l...

雷林鹏分享:XMLHttpRequest 对象

XMLHttpRequest 对象 XMLHttpRequest 对象 XMLHttpRequest 对象用于在后台与服务器交换数据。 XMLHttpRequest 对象是开发者的梦想,因为您能够: 在不重新加载页面的情况下更新网页 在页面已加载后从服务器请求数据 在页面已加载后从服务器接收数据 在后台向服务器发送数据 如需学习更多关于 XMLHttpReq...