首页 > 其他 > 详细

AJAX_1

时间:2014-05-08 09:15:47      阅读:421      评论:0      收藏:0      [点我收藏+]

AJAX 简介:异步JavaScript 及XML英文Asynchronous JavaScript And XML 缩写Ajax)。是一种基于 JavaScriptHTTP请求(HTTP requests),广泛应用在浏览器网页开发技术。Ajax是多项技术的综合应用

 

  基于web标准(standards-based presentation)XHTML+CSS的表示;

 

  使用 DOM(Document Object Model)进行动态显示及交互;

 

  使用 XML 和 XSLT 进行数据交换及相关操作;

 

  使用 XMLHttpRequest 进行异步数据查询、检索;

 Ajax 使用 JavaScript 将所有的东西绑定在一起

 

 bubuko.com,布布扣

 

 

1.创建XMLHttpRequest对象

1
2
3
4
5
6
7
8
9
10
<script type=“text/javascript”>
           var xmlhttp = false;
        //  IE使用 ActiveX 对象  针对IE浏览器
           if (window.ActiveXObject) {
                xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
            } <br>         //   对DOM
            else if (window.XMLHttpRequest) {
                xmlhttp = new XMLHttpRequest();               
            }
</script>

 

XMLHttpRequest对象

2.Send(content)   发送请求

3.Open(“method”,“URL”[,asyncFlag[,”userName”[,”password”]]])      设置未决的请求的目标URL方法和其他参数

3.onreadystatechange    状态改变的事件触发器

4.responseText    服务器进程返回数据的文本

5.readyState      对象状态(integer): 0=未初始化,1=读取中,2=已读取,3=交互中,4=完成

6.status    服务器返回的状态码,如404=“文件未找到”、200=“成功”

上面的对象运用到代码里

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<span style="background-color: rgb(136, 136, 136);">var xmlHttp;
function getXmlHttp(){   //针对IE浏览器
    if(window.ActiveXObject){
        xmlHttp = new ActiveXObject("MICROSOFT.XMLHTTP");
    }else if(window.XMLHttpRequest){
        xmlHttp = new XMLHttpRequest();
    }
}</span>
 
function sendParam(url){
    getXmlHttp();
 
    xmlHttp.<span style="background-color: rgb(192, 192, 192);">open("POST","register_one.php?user="+url,true)</span>; //
//    setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    xmlHttp.<span style="background-color: rgb(192, 192, 192);">onreadystatechange</span> = getTxt;
    xmlHttp.send(null);
}
function getTxt(){
    if(xmlHttp.<span style="background-color: rgb(192, 192, 192);">readyState</span> == 4){
        if(xmlHttp.<span style="background-color: rgb(192, 192, 192);">status</span> == 200){
            var sp = document.getElementById("tishi");
            sp.innerHTML = xmlHttp.<span style="background-color: rgb(192, 192, 192);">responseText</span>; 
        }
    }
}

 

  

 

 

 

 

 

 

AJAX_1,布布扣,bubuko.com

AJAX_1

原文:http://www.cnblogs.com/5huihui/p/3714952.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!