2015-01-03 37 views
0

我不能得到這個工作與jQuery:jQuery的點擊數鏈路負載網址

<a href="#" onclick='jQuery('#load_url').show(1000).load('http://google.es');'>Google</a> 

我需要當我做了點擊此鏈接加載URL格稱爲#load_url

所有時間內發生同樣的事情,沒有負載從來沒有網址,如果我測試這與一個功能的作品,但我需要在鏈接內工作,此刻我嘗試所有類型的東西,永遠不會得到工程罰款

如果這裏可以幫助我完美,謝謝

最好的問候

+0

什麼是'# load_url'? – meskobalazs

+0

,div裏面我需要加載url –

+0

你能創建一個jsfiddle的例子嗎? – meskobalazs

回答

0

是的,問題是交叉來源政策。我創建了一個fiddle,它將錯誤記錄到瀏覽器控制檯:Cross-Origin request blocked。任何時候你不能使用iframe解決這個問題要麼,如谷歌阻止外部框架的要求:如果這是僅用於測試目的

Load denied by X-Frame-Options: 
https://www.google.es/?gws_rd=ssl does not permit cross-origin framing. 
+0

谷歌它的唯一的例子可以是其他網址最重要的是,如果我寫好鏈接 –

+0

這個表達式那麼,如果目標是你自己的網站(或任何其他網站,你可能會改變政策),那麼大多數網站都不允許跨越請求,否則這是行不通的。 – meskobalazs

0

,您可以使用此:

function myFunc() { 
 
    
 
    $.getJSON('http://anyorigin.com/dev/get?url=google.es&callback=?', function(data){ 
 
\t $('#load_url').show(1000).html(data.contents); 
 
}); 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id='load_url'></div> 
 

 
<a href="#" onclick="myFunc()">Google</a>

這使用http://anyorigin.com/繞過同源限制。

因此,使用它幾次,這將工作,但正如它在網站上所說,太多的使用可能會導致你被禁止。

請參閱here瞭解如何繞過策略。

如果在實際應用中,你鏈接到一個網站上的網頁,你可以簡單地使用你使用的是什麼之前:

<a href="#" onclick="jQuery('#load_url').show(1000).load('localpage.html');">local page</a> 
0

Syntaxically您的標記不正確,你休息的主要串;用雙引號代替外引號,和使用本地網頁(例如同一目錄下創建的test.html頁面,並嘗試,而不是加載外部網站的這一個):

<a href="#" onclick="jQuery('#load_url').show(1000).load('test.html');">Google</a>