JQuery Ajax загрузки Div вопрос

Question

У меня есть несколько размышлений о jQuery Ajax. У меня такой вопрос: если я загружаю только один раздел HTML в div, используя jQuery Ajax, например:

$('#result').load('ajax/test.html #container');

Придется ли пользователю загружать весь test.html, чтобы увидеть, что есть у #container div? Другими словами, будет ли загружен весь файл test.html, а затем проанализирован, чтобы выбрать только div #container, или будет загружен только div #container? Если произойдет первый случай, можете ли вы придумать какой-либо способ только загрузки div #container без создания нового html-файла?

Большое спасибо за ваш вклад! :) Я действительно ценю это.

Answer 1

См .: http://api.jquery.com/load/

$ ('# result'). Load ('ajax / test.html #container');

Когда этот метод выполняется, он извлекает содержимое ajax / test.html , но затем jQuery анализирует возвращенный документ, чтобы найти элемент с идентификатором контейнера . это Элемент, наряду с его содержанием, является вставляется в элемент с идентификатором результата, и остальная часть извлеченный документ отбрасывается .

Answer 2

Конечно, весь HTML будет загружен.

Если вы хотите избежать этого, вам нужно создать какой-нибудь серверный скрипт, например PHP, который будет отправлять только необходимый контент.

Вы можете назвать это чем-то вроде

$('#result').load('ajax/test.php?ajax=1');

и в PHP проверьте наличие $_GET['ajax'], и, если оно существует, отправьте только #container div.

Answer 3

Вся страница будет загружена. После того, как jQuery имеет содержимое, оно анализирует его, чтобы найти соответствующий выбор. См. Документы для загрузки jquery

Когда этот метод выполняется, он извлекает содержимое ajax / test.html, но потом разбирает jQuery возвращенный документ, чтобы найти элемент с идентификатором контейнера. это Элемент, наряду с его содержанием, является вставляется в элемент с идентификатором результата, а остальная часть извлеченный документ отбрасывается.