//同源:當(dāng)兩個(gè)接口的協(xié)議酗捌,域名呢诬,端口號(hào)都相等時(shí)涌哲,這兩個(gè)接口是同源的,只要有一個(gè)條件不相等馅巷,則非同源膛虫。不是同源的兩個(gè)頁(yè)面不能互相訪問本地緩存、不能互相修改dom節(jié)點(diǎn)钓猬、不能使用ajax請(qǐng)求對(duì)方接口數(shù)據(jù)
//jsonp本質(zhì):利用script標(biāo)簽中的src屬性可以加載任意文件的特性,通過這個(gè)屬性來(lái)訪問數(shù)據(jù)接口(添加一個(gè)回調(diào)函數(shù)作為參數(shù))撩独,而數(shù)據(jù)接口會(huì)返回一個(gè)由回調(diào)函數(shù)名包裹的json數(shù)據(jù)敞曹,從而達(dá)到獲取跨域數(shù)據(jù)的目的
//? http://wthrcdn.etouch.cn/weather_mini?city=北京
var xhr;
if(window.XMLHttpRequest){
xhr = new XMLHttpRequest()
}else{
xhr = new ActiveXObject()
}
xhr.open('GET','http://wthrcdn.etouch.cn/weather_mini?city=大同',true)
xhr.send(null)
xhr.onreadystatechange = function(){
if(xhr.readyState == 4 && xhr.status ==200)
alert(xhr.responseText)
}
//JSONP 利用script標(biāo)簽訪問外部服務(wù)器中的數(shù)據(jù),從而繞開同源策略對(duì)ajax請(qǐng)求數(shù)據(jù)的限制