JQuery Загрузка содержимого страницы в Div

Question

Я нашел много вопросов / ответов о том, как загрузить содержимое страницы в div;Тем не менее, я не могу загрузить мой.Я запускаю jquery внутри document.ready.Сам по себе запуск оповещения работает нормально, а приведенный ниже код - нет.Любые указатели будут с благодарностью.Спасибо!

//First I tried this:
$("#divTestPreview").load("~/Testing/TestCreation/AddTestItems.aspx");
//and then I tried this:
$.get('~/Testing/TestCreation/AddTestItems.aspx', function (data) {
            $('#divTestPreview').html(data);
            alert('Load was performed.');
});

<div id="divTestPreview" runat="server" style="width: 100%; height: 500px;">
</div>

Answer 1

Попробуйте удалить runat = "server" в вашем div, так как я думаю, что ваш интерпретатор ASP.NET может возиться с HTML, прежде чем он достигнет клиента.

Спасибо!

Answer 2

ваш div имеет тег runat = "server", который делает его серверным элементом управления.Чтобы получить доступ к нему на стороне клиента, вам нужно использовать ClientID для доступа к div.Как это

$("#<% divTestPreview.ClientID %>").load();

Answer 3

вы можете использовать load и get для загрузки только страниц внутри вашего домена, в противном случае вы получите междоменную ошибку, есть решение для нее, вам нужно создать какой-то прокси, читайте это:XSS Filtering или другой способ полностью обработать JS в HTML , или вы можете попробовать это: http://james.padolsey.com/javascript/cross-domain-requests-with-jquery/

Answer 4

Это не разрешено Access-Control-Allow-Origin, вы делаете междоменный AJAX, и это невозможно в текущих версиях браузеров, Вы должны сделать это на стороне сервера, например, в PHP с fopen () или file_get_contents (), если вам нужно сделать это на стороне клиента, Есть много вариантов, таких как FLXHR или CORS для современных браузеров.