下面我們在本地建兩個站點演示一下
第一步首先我們在本地搭建好一個Apache服務器;下載地址;
第二步服務器配置好以后,在本地配置好兩個虛擬的域名;
第三步我們在C盤建一個文件夾命名為”HTML5”;
第四步找到Apache虛擬主機的配置文件,然后打開配置文件
第五步在第三步建的HTML5文件夾下分別建一個文件夾a和文件夾b;
第六步修改Apache虛擬主機的配置文件,如圖
第七步修改一下host文件,添加a和b的網址,通常host文件路徑在C:\Windows\System32\drivers\etc 下
我們在HTML5/a文件夾下建一個7.ajax.html文件
<!DOCTYPEHTML><html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><title>獲取同域下內容</title><script>window.onload=function(){varoBtn=document.getElementById('btn');//忽略IE6oBtn.onclick=function(){//創建一個ajax對象varxhr=newXMLHttpRequest();//監聽事件xhr.onreadystatechange=function(){if(xhr.readyState==4){if(xhr.status==200){alert(xhr.responseText);}}}xhr.open('get','ajax.php',true);xhr.send();}}</script></head><body><inputtype="button"value="獲取同域下內容"id="btn"/></body></html>我們先看一下同域下的請求
我們在HTML5/a下建一個php文件,返回'hello';
這時候我們在打開當前頁面 http://www.a.com/7.ajax.html ,點擊按鈕我們發現請求到了數據;
http://www.a.com/7.ajax.html
但是如果跨域的話,即你所請求的數據和當前文件不在一個域下面,這樣的話就會產生跨域請求,通常在這種情況下就會禁止你去訪問
例如我們現在將剛才在HTML5/a文件夾下的ajax.php文件放到b文件夾下
這時候點擊后我們發現請求報錯了,意思是跨域請求受到了限制
這時候我們需要后端配合,你需要告訴后端在輸出的時候加一個”Access-Control-Allow-Origin”頭信息
比如說:如圖,意思只要是這個域名的跨域請求就不受跨域策略的影響
這時候我點擊的時候,就可以正常獲取跨域的數據了
如果你想兼容IE需要
<!DOCTYPEHTML><html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><title>ajax跨域請求</title><script>window.onload=function(){/*在標準瀏覽器下,XMLHttpRequest對象已經是升級版本,支持了更多的特性,可以跨域了但是,如果想實現跨域請求,還需要后端的相關配合才可以XMLHttpRequest:增加很多功能,他也不推薦使用onreadystatechange這個事件來監聽,推薦使用onload*/varoBtn=document.getElementById('btn');oBtn.onclick=function(){//這是標準瀏覽器寫法varxhr=newXMLHttpRequest();xhr.onreadystatechange=function(){if(xhr.readyState==4){if(xhr.status==200){alert(xhr.responseText);}}}xhr.open('get','http://www.b.com/ajax.php',true);xhr.send();/*如果你想兼容IE瀏覽器,可以特地為IE做兼容,忽略IE6XDomainRequest:IE如果想實現跨域請求,則需要使用這個對象去實現varoXDomainRequest=newXDomainRequest();oXDomainRequest.onload=function(){alert(this.responseText);}oXDomainRequest.open('get','http://www.b.com/ajax.php',true);oXDomainRequest.send();*/}}</script></head><body><inputtype="button"value="獲取同域下內容"id="btn"/></body></html>
本文由 貴州做網站公司 整理發布，部分圖文來源于互聯網，如有侵權，請聯系我們刪除，謝謝！
c語言中正確的字符常量是用一對單引號將一個字符括起表示合法的字符常量。例如‘a’。數值包括整型、浮點型。整型可用十進制，八進制，十六進制。八進制前面要加0，后面...
2022年天津專場考試原定于3月19日舉行，受疫情影響確定延期，但目前延期后的考試時間推遲。 符合報名條件的考生，須在規定時間登錄招考資訊網(www.zha...
：喜歡聽，樂意看。指很受歡迎?！巴卣官Y料”喜聞樂見：[ xǐ wén lè jiàn ]詳細解釋1. 【解釋】：喜歡聽，樂意看。指很受歡迎。2. 【示例】：這是...
10萬最聰明的存錢法有哪些?階梯存錢法和十二存單法有什么區別?隨小編一起來了解下吧1、階梯存錢法:驢可以把資金分為好幾份，每一份存進不一樣限期的定期存款里。以10萬為例，可以分為1萬、2萬、3萬、4萬四筆各自存一年銀行定期。用階梯存款的方式，益處是如果用戶臨時性需要用2萬，那只需把在其中2萬取出就可以，另外三部分存款的利息不會受到影響;2、十二存單法:每一個月存一筆一年期定期存款，持續存12個月，...
姓名:秦繼偉出生日期:1914年11月16日。死亡日期:1997年2月2日入黨日期:1930年4月民族:漢族。出生地:湖北黃安縣七里坪區羅欽莊家庭構成:富農家庭妻子:唐先梅排名:中將(1955年)海軍上將(1988年)軍銜:正規軍銜。獎章:二級八一獎章。一級獨立自由勛章一級解放勛章(編號:02358)1923年在七里坪區私立學校讀書927.11參加黃麻起義1928.12參加壯族紅衛兵1929.8中...
什么是股票四線開花?四線開花是發現牛股的利器，具有很強的實際作用，了解的話是找到中長期股票是很好的方法之一。在移動平均線中，有一種模式叫做四線開花。既然是四線，那肯定是四個均線，可以是四線在日水平開花，也可以是四線在周水平開花。長期通常指60日移動平均線、120日移動平均線、180日移動平均線和250日移動平均線四種長期移動平均線。所以四線開花代表著一個大市場的發展。實際上開花的實現意味著四個均線...
免責聲明：本站內容部分文字和圖片來源于網絡，版權屬于原作者所有，若有冒犯，請聯系我們進行刪除，謝謝。聯系郵箱：1051388971#qq.com （把#換成@）