zoukankan      html  css  js  c++  java
  • ajax

    ajax作用:ajax就是異步javascript和xml,使得不加載整個頁面的情況下,渲染部分區域的效果。ajax的過程就是從服務器請求數據并渲染到頁面上過程。

    邏輯過程:

    1、初始化xmlhttprequest對象,如果瀏覽器支持則新建XMLHttpRequest,如果瀏覽器不支持,如ie5,ie6,就新建一個ActiveXObject;//就是記不得大小寫,

    var a;

    if(window.XMLHttpRequest)

    {

     a=new XMLHttpRequest();

    }

    else

    {

    a=new ActiveXObject("microsoft.xmlhttp");//ie5,ie6

    }

    2、請求,定義發送方式、服務器地址和同步還是異步。裡面發送方式有POST和GET。GET的速度一般比POST快,但是以下情況應該使用POST:1、沒有緩存;2、大量請求;3、有無法識別的用戶字符;同步和異步的區別:同步提交請求后,會等待服務器響應后才會有後續操作,如果請求繁忙或者緩慢,可能導致應用程序掛起或者停止。同步方式適合小型的請求。同步請求沒有onReadyStateChange

    //post

    a.open("POST",url,true);

    a.send("字符串")

    //get

    a.open("GET",url,true)

    a.send()

    3、響應

    ResponseText:獲取服務器的非XML響應

    ResponseXML:獲取服務器的XML響應

    4、ReadyState

        xmlhttprequest的三個重要屬性:

        onReadyStateChange:每當ReadyState發生變化是,觸發函數

        readyState:xmlhttprequest的狀態

             0、未初始化請求;1、服務器路徑已建立;2、請求已接收;3、請求正在處理中;4、請求處理完成,并且響應已經就緒

        status: 

             200:ok  404:未找到頁面

       a.onReadyStateRequest=function(){

    if(a.ReadyState==4&&a.status==200}

    {

     var b=a.RespomseText;

    }

    }

    5、一般會把ajax的封裝為一個函數,這樣就可以被共用,使用回調函數處理響應。

          將回調函數賦值給onReadyStateChange,每當ReadyState改變時,就會調用該函數。

     jquery ajax:

         

    vue Ajax:

        1、異步加載vue-resource庫;

        2、全局

            vue.http.get(url,data).then(successcallback,failcallbak)

            vue.http.post(url,data,body).then(successcallback,failcallbak)

             局部

              this.$http.其它一樣

       

  • 相关阅读:
    CODEFORCES 429B 动态规划
    HDU 2084(DP)
    最大公约数算法(待续)
    spring---aop 配置
    代理模式
    spring--学习之IOC DI
    spring--基本介绍
    JAVASE 面试总结(1)
    工厂模式
    建造者模式
  • 原文地址:https://www.cnblogs.com/Zhengxiaoxiao/p/10572493.html
Copyright © 2011-2022 走看看