随笔-84  评论-56  文章-0  trackbacks-0
 

创建XHR发送请求

Ø 如下:

<script type="text/javascript">

var xmlHttp;

//创建一个XMLHttpRequest对象 

function createXMLHttpRequest() {

// For Internet Explorer 5.5, 6, 7 

    if (window.ActiveXObject) {

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

    } 

// For Mozilla, Firefox, Safari, Netscape

    else if (window.XMLHttpRequest) {

        xmlHttp = new XMLHttpRequest();

    }

}  

</script>

AJAX发送请求

Ø 如下:

function startRequest() {

    createXMLHttpRequest();

//注册回调事件处理器 

    xmlHttp.onreadystatechange = handleStateChange;

//使用Open()方法初始化XMLHttpRequest对象-指定HTTP方法

//和要使用的服务器URL 

    xmlHttp.open("GET", "innerHTML.xml", true);

//send()方法发送该请求 

    xmlHttp.send(null);

}

应用GET POST发送请求

Ø 方法如下:

方法名

描述

getElementById(id) (document)

获取有指定唯一ID属性值文档中的元素

getElementsByTagName(name)

返回当前元素中有指定标记名的子元素的数组

hasChildNodes()

返回一个布尔值,指示元素是否有子元素

getAttribute(name)

返回元素的属性值,属性由name指定

处理服务器晌应

XMLHttpRequest 提供了两个可以用来访问服务器响应的属性.

Ø responseText :将响应提供为一个串。

Ø responseXML:将响应提供为一个XML 对象。

使用innerHTML 属性创建动态内容

Ø responseText + innerHtml

服务器 "生产"或生成HTML 内容,

浏览器使用 innerHTML"消费"或处理。

DEMO responseText + innerHtml

Ø innerHTM.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

         <head>

                   <title>Using responseText with innerHTML</title>

                   <META http-equiv=Content-Type content="text/html; charset=GBK">

<script  type="text/javascript">

var xmlHttp;

function createXMLHttpRequest() {

    if (window.ActiveXObject) {

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

    } 

    else if (window.XMLHttpRequest) {

        xmlHttp = new XMLHttpRequest();

    }

}  

function startRequest() {

    createXMLHttpRequest();

    xmlHttp.onreadystatechange = handleStateChange;

    xmlHttp.open("GET", "innerHTML.txt", true);

    xmlHttp.send(null);

}

function handleStateChange() {

    if(xmlHttp.readyState == 4) {

        if(xmlHttp.status == 200) {                                        

            document.getElementById("results").innerHTML = xmlHttp.responseText;

        }

    }

}

</script>

         </head>

         <body>

                   <form  action="#">

                            please content:<input  type="button"  value="Search for Todays Activities" onclick="startRequest();" />

                            <span id="results"></span>

                   </form>

         </body>

</html>

Ø innerHTML.txt

请输入内容!!!

Ø 输出结果:







作者:周大庆(zhoudaqing)
网址:http://www.blogjava.net/yifeng
>>>转载请注明出处!<<<
posted on 2008-08-26 02:39 忆风 阅读(196) 评论(0)  编辑  收藏 所属分类: Ajax

只有注册用户登录后才能发表评论。


网站导航: