zoukankan      html  css  js  c++  java
  • Ajax基础知识分享

    整理的一点有关ajax的知识,给大家分享下!

    说到ajax首先我们先要了解一下关于ajax的原理和XmlHttpRequest对象:Ajax的原理简单来说通过XmlHttpRequest对象来向服务器获得数据,然后用javascript来操作DOM而更新页面,这其中最关键的一步就是从服务器获得请求数据。要清楚这个过程和原理。

    XMLHttpRequest用于后台与服务器交换数据,这意味着可以在不重新加载整个网页的情况下,对网站部分进行更新,当请求被发送到服务器时,每当readyState改变时,就会触发onreadystatechange事件,readyState属性存有XMLHttpRequest的状态信息,下面是XMLHttpRequest对象的三个重要的属性:

    1.onreadystatechange存储函数(或函数名),每当readyState属性,就会调用该函数。

    2.readyState存有XMLHttpRequest的状态,从0到4发生变化:

                                 1.0:请求未初始化。    

                                 2.1:服务器连接已建立。

                                 3.2:请求已接受。

                                 4.3:请求处理中。

                                 5.4:请求已完成,且响应已就绪。 

    3.status:

        1.200:"OK"

        2.404:未找到页面

    4.status Text伴随状态码的字符串信息。

    5.responseText从服务器进程返回数据的字符串形式。

    6.responseXML从服务器进程返回的DOM兼容的文档数据对象。

    window.onload = function() {
    
                    var oBtn = document.getElementById('btn');
    
                    oBtn.onclick = function() {
      
              //判断浏览器的兼容
              var xhr;
              
              if(window.XMLHttpRequest){
                xhr = new XMLHttpRequest();
              } else{
                xhr = new ActiveXObject('Microsoft.XMLHTTP');
              }
    //使用XMLHttpRequest创建对象 var xhr = new XMLHttpRequest(); //在地址栏输入传输方式、文件地址、同步或者异步。 xhr.open('get', '1.txt', true); //提交 xhr.send(); //等待服务器返回内容 xhr.onreadystatechange = function() {     //readyState == 4表示请求已完成,且响应已就绪 if(xhr.readyState == 4) { alert(xhr.responseText); } } } }

      如上所示,函数首先检查XMLHttpRequest的整体状态并且保证它完成请求。

    接下来我在说一下将请求发送到服务器用到的方法:

      1.open规定请求的类型、url以及是否异步处理请求,method:请求的类型;GET或POST,url:文件在服务器上的位置。async:true同步或者异步。

      2.send(string)将请求发送到服务器。string:仅用于POST请求。

    这是本人整理的一些有关ajax的基础的东西,希望对大家有帮助,同时也请大神们指导指导!!!!!!                                             2016-08-03

     

  • 相关阅读:
    关于ListView
    Camera2
    线程池
    运输层
    计算机网络体系结构
    USACO 2016 US Open Contest Gold T2: Closing the Farm
    USACO 2016 US Open Contest Gold T1: Splitting the Field
    USACO 2016 February Contest Gold T3: Fenced In
    USACO 2016 February Contest Gold T2: Circular Barn Revisited
    USACO 2016 February Contest Gold: T1 Circular Barn
  • 原文地址:https://www.cnblogs.com/jiadong/p/5733707.html
Copyright © 2011-2022 走看看