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 端口
互聯網的協議是http和https兩種
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
