2016-07-06 90 views
0

首先,我很抱歉如果這個問題被頻繁詢問!我已經查看了大多數建議的解決方案並試圖實現它們,但似乎沒有任何工作。我是新來的JavaScript,併爲我的網頁開發類做這個。跨域HTML .load()

我的問題: 我試圖從谷歌的貨幣兌換頁面的HTML 部分加載到我的網頁上兩個div。我不能在這裏嵌入截圖,因爲我是新手,所以這裏是一個imgur鏈接,顯示了我正在努力完成的任務。 http://imgur.com/kxKzxQO

我使用的代碼如下兩行做

$('.conversionRate').load('https://www.google.com/finance?q='+currency1+currency2+'&ei=UUJ8V6njIJHDeqDaicAC .pr'); 

$('.dataTable').load('https://www.google.com/finance?q='+currency1+currency2+'&ei=UUJ8V6njIJHDeqDaicAC .currencies'); 

爲我上​​載我的PHP文件到服務器本就開始運行在本地主機上完全正常,但請求似乎回來空手,沒有數據顯示在這兩個div。這是一個

Access-Control-Allow-Origin 

問題?我的方法是使用.load()完全錯誤嗎?如果是這樣,從不同的域中獲取特定部分的HTML的更好方法是什麼?

[1]:http://i.stack.imgur.com/xCSla.png

回答

0

正如WILL說,你應該考慮使用代理PHP文件有關於如何做到這一點在PHP許多谷歌教程),然後使用jQuery .load()加載該文件。

$("div").load("proxy.php"); 

proxy.php:

<?=file_get_contents("example.com")?> 

它不會完全正常工作,所以你必須做一些腳本和樣式的調整。希望它有幫助:D