Блог

Я пытаюсь импортировать содержимое HTML, а не всю страницу на новую страницу.

Проблема в том, что я должен создать функцию загрузки документа для каждого элемента, который мне нужно загрузить. Есть ли способ сделать это с помощью одной функции? То есть каждый раз, когда я нажимаю на ссылку, импортируется разное содержимое? Итак, если я хочу импортировать другое содержимое DIV, я должен создать полный дубликат.

Код:

 $(document).ready(function() {
   $('.using-this-button').click(function() {
      $('.importHere').load('from-here.php  #just-this-part');
      return false;
   });
});
  

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

JS

     $(document).ready(function() {
      $('a.dynamic_load').click(function() {
        var $el = $(this);
        $($el.data('dest')).load($el.data('src'), $el.data('target'));
      });       
    });
  

HTML

     <a href="url.php" data-src="url-to-retrieve-data.php" data-dest=".element-to-replace" data-target="#element-to-retrieve-data-from">click here</a>