2014-01-05 1 views
0

первый StackOverflow вопрос здесь ... страницаВыведение DIV и страницу загрузки на мыши не работает ... JQuery/Ajax

То, что я пытаюсь сделать, это затухать содержание (#main) и нагрузки на клик и затем исчезают в содержании (#main) этой страницы.

$('nav a').live('click', function(event) { 
var link = $(this).attr('href'); 

$('#main').fadeOut('slow', function() { 
    $.get(
     link +' #wrapper', 
     function(data) { 
      $("#main").html(data).fadeIn('slow'); 
     }, 
     "html" 
    ); 
}); 
return false; 
}); 

Но это придумывают следующее сообщение об ошибке в Chrome консоли: Не удалось загрузить ресурс: заголовок Нет «Access-Control-Allow-Origin» присутствует на запрошенный ресурс. Поэтому исходный 'null' не допускается.

Возможно, это более простое решение, но, похоже, не может решить эту ошибку.

Я нашел аналогичный вопрос для этого в stackoverflow и опубликовал его, но потерял его, поэтому извиняюсь за это.

Любая помощь будет оценена!

Благодаря Джордж

ответ

0

Эта ошибка является ссылка, которую вы пытаетесь получить данные с другого домена.

В этом случае убедитесь, что вызывающий веб-сервер, то есть веб-сервер, на котором проживает ресурс, имеет набор заголовков CORS. Вам также необходимо знать, что только современные браузеры IE9 + поддерживают CORS.

http://en.wikipedia.org/wiki/Cross-origin_resource_sharing

Если вы получить эту работу, я думаю, что вы хотите:

$("#main").fadeIn('slow'); 

Одним из способов обойти это вопрос будет построить стороне сервера прокси, который может запросить ресурсы, необходимые, а затем ваш метод get будет разговаривать с этим прокси.

+0

Спасибо за быстрый ответ. Конечно, это не идеально, так как я хочу, чтобы он был дружелюбным к браузеру. У вас есть какие-либо предложения по каким-либо другим способом, я мог бы это сделать (без включения CORS)? – user3163317

+0

Изменен ответ. Если это поможет, отметьте как ответ. –