ajax 獲取數據


1.ajax:前台數據交互依賴的一項技術   是一種創建快速動態的網頁技術

2.ajax:是js的異步操作 和xml

  異步操作還分為:定時器     事件     回調

3.ajax有點   可以局部跟新網頁內容

4.ajax  的本質就是xmlHttpRequest對象

  控制台出現三個屬性

  readyState   請求的五個階段

  responseText  返回的是文件里的內容

  Status 狀態碼  返回的狀態信息

    200成功了

    3xx代表禁用意思

    404代表文件沒有找到

    5xx代表服務器的問題

  在__proto__有三個方法

    open()

    send()

    onReadyStateChage()

5.ajax的請求方式

      get   看得見   傳送數據小   通過 網絡地址傳

  post  看不見  傳送數據大  通過http中的某一個對象的一個body屬性

j6.q提供了$.ajax{()}

  ajax的四步驟

    1.創建xmlhttprequest對象

    var  xmlhttp=new  XMLHttpRequest()

    2.給后台發送請求

    xmlhttp.open(method,url,async)

    3.發送

    xmlhttp.send()

    4.服務器響應

    xmlhttp.onreadystatechage=function(){

      if(xmlhttp.readyState==4){//請求的五個階段

        if(xmlhttp.status==200){ //狀態碼

          console.log(xmlhttp.responseText) //responseText 返回的文件內容
          var arr=JSON.parse(xmlhttp.responsseText)
          document.getElementById('div').innerHTML=arr[0].name

        }

      }

    }

7.跨域 :不在同一個服務器下 就是 協議 域名 端口 三者有一個不一樣就是跨域

8.同源策略:請求的地址和瀏覽器的地址必須在同域下,就是說協議端口域名都得一樣。

9. http://172.164.130.56:80

  http 是協議 172 ip地址  80 端口

  互聯網的協議是httphttps兩種

10.解決跨域

   靠標簽身上的src屬性解決跨域的問題,利用script標簽的src屬性去請求外部的數據

看網絡地址 關鍵單詞cb和callback

    1.端口不同:這個大家都明白,比如8020和8080是不同的。

      127.0.0.1:8020上的寫法

       

      127.0.0.1:8080上的寫法

       

    2.關鍵字cb和cakkback

      

    3.dom 形式    自已創建一個script標簽給里面添加src屬性

      

jq的ajax

  load將服務器中的數據加載到指定元素中

   案例  一個網站有許多頁面,但是頭部和尾部都一樣,可以使用load

     load傳參

     load傳參是以post方式發送的php后台用post接收或request接收

  

  

  jq中的get

    

  對應的php

    

  jq中的post

    

   php

    

  jq中的ajax

    

  jq中的ajax的跨域問題

    

    

    jsonp:“cb”, url 根據網絡提供的是cb還是callback提供的是cb就填cb提供的callback就填callback

 

    

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM