ajax 获取数据
1.ajax：前臺(tái)數(shù)據(jù)交互依賴的一項(xiàng)技術(shù)? ?是一種創(chuàng)建快速動(dòng)態(tài)的網(wǎng)頁技術(shù)
2.ajax：是js的異步操作 和xml
異步操作還分為：定時(shí)器? ? ?事件? ? ?回調(diào)
3.ajax有點(diǎn)? ?可以局部跟新網(wǎng)頁內(nèi)容
4.ajax? 的本質(zhì)就是xmlHttpRequest對(duì)象
控制臺(tái)出現(xiàn)三個(gè)屬性
readyState? ?請(qǐng)求的五個(gè)階段
responseText? 返回的是文件里的內(nèi)容
Status 狀態(tài)碼? 返回的狀態(tài)信息
200成功了
3xx代表禁用意思
404代表文件沒有找到
5xx代表服務(wù)器的問題
在__proto__有三個(gè)方法
open（）
send（）
onReadyStateChage（）
5.ajax的請(qǐng)求方式
? ? ? get? ?看得見? ?傳送數(shù)據(jù)小? ?通過 網(wǎng)絡(luò)地址傳
post? 看不見? 傳送數(shù)據(jù)大? 通過http中的某一個(gè)對(duì)象的一個(gè)body屬性
j6.q提供了$.ajax{()}
ajax的四步驟
1.創(chuàng)建xmlhttprequest對(duì)象
var? xmlhttp=new? XMLHttpRequest（）
2.給后臺(tái)發(fā)送請(qǐng)求
xmlhttp.open（method，url，async）
3.發(fā)送
xmlhttp.send（）
4.服務(wù)器響應(yīng)
xmlhttp.onreadystatechage=function（）{
if（xmlhttp.readyState==4）{//請(qǐng)求的五個(gè)階段
if（xmlhttp.status==200）{ //狀態(tài)碼
console.log(xmlhttp.responseText) //responseText 返回的文件內(nèi)容
var arr=JSON.parse(xmlhttp.responsseText)
document.getElementById('div').innerHTML=arr[0].name
}
}
}
7.跨域 ：不在同一個(gè)服務(wù)器下 就是 協(xié)議 域名 端口 三者有一個(gè)不一樣就是跨域
8.同源策略：請(qǐng)求的地址和瀏覽器的地址必須在同域下，就是說協(xié)議端口域名都得一樣。
9. http://172.164.130.56:80
http 是協(xié)議 172 ip地址 ?80 端口
互聯(lián)網(wǎng)的協(xié)議是http和https兩種
10.解決跨域
靠標(biāo)簽身上的src屬性解決跨域的問題，利用script標(biāo)簽的src屬性去請(qǐng)求外部的數(shù)據(jù)
看網(wǎng)絡(luò)地址 關(guān)鍵單詞cb和callback
1.端口不同：這個(gè)大家都明白，比如8020和8080是不同的。
127.0.0.1:8020上的寫法
127.0.0.1:8080上的寫法
?
2.關(guān)鍵字cb和cakkback
3.dom 形式? ? 自已創(chuàng)建一個(gè)script標(biāo)簽給里面添加src屬性
jq的ajax
load將服務(wù)器中的數(shù)據(jù)加載到指定元素中
案例 ?一個(gè)網(wǎng)站有許多頁面，但是頭部和尾部都一樣，可以使用load。
load傳參
load傳參是以post方式發(fā)送的php后臺(tái)用post接收或request接收
jq中的get
對(duì)應(yīng)的php
jq中的post
php
jq中的ajax
? jq中的ajax的跨域問題
jsonp：“cb”， url 根據(jù)網(wǎng)絡(luò)提供的是cb還是callback提供的是cb就填cb提供的callback就填callback
?
?
?
?
?
轉(zhuǎn)載于:https://www.cnblogs.com/jiangningjn/p/10521448.html
總結(jié)
- 上一篇： GreenDao3.2的基本使用方法
- 下一篇： educoder实训平台----简历表页