Jquery onlick нагрузка ссылки URL

Question

я не могу получить работы это с JQuery:

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

мне нужно, когда я этого нажмите на ссылку загрузить URL внутри сОн называется #load_url

Все время случается то же самое, и без нагрузки никогда не будет URL, если я проверю это с помощью одной функции, но мне нужны работы внутри ссылки, и на данный момент я пробую все виды и никогда не получаю хорошие работы

Если это может помочь мне улучшить, спасибо

С наилучшими пожеланиями

Answer 1

Да, проблема в перекрестной политике. Я создал fiddle, он регистрирует ошибку в консоли браузера: Cross-Origin request blocked. Любой вы не можете решить эту проблему с помощью iframe либо, как блоки Google запрос внешнего обрамления:

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

Answer 2

Если это только для целей тестирования, вы можете использовать это:

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> 

Answer 3

Syntaxically тег неверен, ваш разрыв основной строки; заменить внешние кавычки двойные кавычки, и использовать локальную страницу (создать страницу test.html в том же каталоге, например, и попытаться загрузить этот вместо внешнего веб-сайта):

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