ajax入门

      ajax=异步 javaScript和XML,用于快速创建动态网页的技术,在后台与服务器进行少量的数据交换,实现异步刷新(局部刷新),其流行的原因是Google Suggest的原因啦!

     1.XMLHttpRequest用于在后台与服务器交换数据,创建一个XMLHttpRequest:

             xmlhttp=new XMLHttpRequest();

         如果是老版的IE(5,6)使用ActiveX对象:

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

         demo:

                   var xmlhttp;

                   if (window.XMLHttpRequest) {

                   xmlhttp=new XMLHttpRequest();

                   }

                  else {

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

                  }

     2.如需将请求发送到服务器,使用 XMLHttpRequest 对象的 open() 和 send() 方法:

        Get请求:

               xmlhttp.open("GET","test1.txt",true);【true代表异步】

               xmlhttp.send();

        Post请求:

               xmlhttp.open("POST","test1.txt",true);

               xmlhttp.send();

        post与Get比较:

                Get更快更简单,并且在大部分情况下使用,然而,在以下情况中,请使用 POST 请求:

  •  
    •  
      •  
        •  
          •  
            • 无法使用缓存文件(更新服务器上的文件或数据库)
            • 向服务器发送大量数据(POST 没有数据量限制)
            • 发送包含未知字符的用户输入时,POST 比 GET 更稳定也更可靠

    3.XMLHttpRequest 对象的 responseText 或 responseXML

        document.getElementById("myDiv").innerHTML=xmlhttp.responseText;

    4.onreadystatechange 事件

          XMLHttpRequest的三个重要属性

         1

      5,使用 Callback 函数

            callback 函数是一种以参数形式传递给另一个函数的函数

            demo测试:http://www.w3school.com.cn/tiy/t.asp?f=ajax_callback

posted @ 2011-05-21 22:50  jesse-win  阅读(145)  评论(0)    收藏  举报