新聞中心
這篇文章主要為大家展示了“Ajax怎么進(jìn)行跨域請(qǐng)求”,內(nèi)容簡(jiǎn)而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“Ajax怎么進(jìn)行跨域請(qǐng)求”這篇文章吧。
成都創(chuàng)新互聯(lián)是工信部頒發(fā)資質(zhì)IDC服務(wù)器商,為用戶提供優(yōu)質(zhì)的川西大數(shù)據(jù)中心服務(wù)
下面我們?cè)诒镜亟▋蓚€(gè)站點(diǎn)演示一下
第一步首先我們?cè)诒镜卮罱ê靡粋€(gè)Apache服務(wù)器;下載地址;
第二步服務(wù)器配置好以后,在本地配置好兩個(gè)虛擬的域名;
第三步我們?cè)贑盤建一個(gè)文件夾命名為”HTML5”;
第四步找到Apache虛擬主機(jī)的配置文件,然后打開配置文件
第五步在第三步建的HTML5文件夾下分別建一個(gè)文件夾a和文件夾b;
第六步修改Apache虛擬主機(jī)的配置文件,如圖
第七步修改一下host文件,添加a和b的網(wǎng)址,通常host文件路徑在C:\Windows\System32\drivers\etc 下
我們?cè)贖TML5/a文件夾下建一個(gè)7.ajax.html文件
獲取同域下內(nèi)容
我們先看一下同域下的請(qǐng)求
我們?cè)贖TML5/a下建一個(gè)php文件,返回'hello';
這時(shí)候我們?cè)诖蜷_當(dāng)前頁面 http://www.a.com/7.ajax.html ,點(diǎn)擊按鈕我們發(fā)現(xiàn)請(qǐng)求到了數(shù)據(jù);
http://www.a.com/7.ajax.html
但是如果跨域的話,即你所請(qǐng)求的數(shù)據(jù)和當(dāng)前文件不在一個(gè)域下面,這樣的話就會(huì)產(chǎn)生跨域請(qǐng)求,通常在這種情況下就會(huì)禁止你去訪問
例如我們現(xiàn)在將剛才在HTML5/a文件夾下的ajax.php文件放到b文件夾下
這時(shí)候點(diǎn)擊后我們發(fā)現(xiàn)請(qǐng)求報(bào)錯(cuò)了,意思是跨域請(qǐng)求受到了限制
這時(shí)候我們需要后端配合,你需要告訴后端在輸出的時(shí)候加一個(gè)”Access-Control-Allow-Origin”頭信息
比如說:如圖,意思只要是這個(gè)域名的跨域請(qǐng)求就不受跨域策略的影響
這時(shí)候我點(diǎn)擊的時(shí)候,就可以正常獲取跨域的數(shù)據(jù)了
如果你想兼容IE需要
ajax跨域請(qǐng)求
以上是“Ajax怎么進(jìn)行跨域請(qǐng)求”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
當(dāng)前名稱:Ajax怎么進(jìn)行跨域請(qǐng)求
網(wǎng)站地址:http://fisionsoft.com.cn/article/pijdpc.html