1.Ajax與jsonp
創(chuàng)新互聯(lián)建站專注于長海企業(yè)網(wǎng)站建設(shè),自適應(yīng)網(wǎng)站建設(shè),商城系統(tǒng)網(wǎng)站開發(fā)。長海網(wǎng)站建設(shè)公司,為長海等地區(qū)提供建站服務(wù)。全流程定制制作,專業(yè)設(shè)計(jì),全程項(xiàng)目跟蹤,創(chuàng)新互聯(lián)建站專業(yè)和態(tài)度為您提供的服務(wù)
(1)ajax技術(shù)的目的是讓JavaScript發(fā)送HTTP請(qǐng)求,與后臺(tái)通信,獲取數(shù)據(jù)和信息。Ajax技術(shù)的原理是實(shí)例化xmlhttp對(duì)象,使用此對(duì)象與后臺(tái)通信。Ajax通信的過程不會(huì)影響后續(xù)JavaScript的執(zhí)行,從而實(shí)現(xiàn)異步。
(2)同步和異步
同步:等待結(jié)果返回在執(zhí)行
異步:不管結(jié)果繼續(xù)執(zhí)行
(3)局部刷新和無刷新
Ajax可以實(shí)現(xiàn)局部刷新,也叫無刷新,無刷新指的是整個(gè)頁面不刷新,只是局部刷新,Ajax可以自己發(fā)送HTTP請(qǐng)求,不用通過瀏覽器的地址欄,所以頁面整個(gè)不會(huì)刷新,Ajax獲取到后臺(tái)數(shù)據(jù),更新頁面數(shù)據(jù)的部分,就做到了頁面局部刷新
(4)同源策略
Ajax請(qǐng)求的頁面或資源只能是同一個(gè)域下面的資源,不能是其他域的資源,這是在設(shè)計(jì)Ajax時(shí)基于安全的考慮。
特征報(bào)錯(cuò)提示:
(5)Ajax使用:
$.ajax使用方法:
url 請(qǐng)求地址
type 請(qǐng)求方式,默認(rèn)是GET,常用的還有POST
dataType 設(shè)置返回的數(shù)據(jù)格式,常用的是json,也可以設(shè)置為
HTML
data 設(shè)置發(fā)送給服務(wù)器的數(shù)據(jù)
success 設(shè)置請(qǐng)求成功后的回調(diào)函數(shù)
error設(shè)置請(qǐng)求失敗后的回調(diào)函數(shù)
async設(shè)置是否異步,默認(rèn)值是true,表示異步
$.ajax({
url:'data.json',
type:'get',
dataType:'json'
})
.done(function(dat){
$('#username').html(dat.name);
$('#userage').html(dat.age);
})
.fail(function(){
alert('服務(wù)器超時(shí)!');
})
2.json
json是JavaScript object notation 的首字母縮寫,單詞的意思是JavaScript對(duì)象表示法,這里說的json指的是類似于JavaScript對(duì)象的一種數(shù)據(jù)格式,目前這種數(shù)據(jù)格式比較流行,逐漸替代了傳統(tǒng)的xml數(shù)據(jù)格式
(1)JavaScript自定義對(duì)象
(2)json格式的數(shù)據(jù)
與json對(duì)象不同的是,json數(shù)據(jù)格式的屬性名稱和字符串值需要用雙引號(hào)引起來,用單引號(hào)或者不用引號(hào)會(huì)導(dǎo)致讀取數(shù)據(jù)錯(cuò)誤。
json的另一個(gè)數(shù)據(jù)格式是數(shù)組,和JavaScript中的數(shù)組字面量相同
3.jsonp
Ajax只能請(qǐng)求同一個(gè)域下的數(shù)據(jù)或資源,有時(shí)候需要跨域請(qǐng)求數(shù)據(jù),就需要用到j(luò)sonp技術(shù),jsonp可以跨域請(qǐng)求數(shù)據(jù),它的原理主要是利用