Загрузить контент страницы через Ajax

161

18 апреля 2019, 00:40

Мне нужно загрузить статью на сайт с помощью Ajax, в инете есть следующий пример: Создадим 3 файла. index.html

   <html>
   <head>
   <script src="https://ajax.googleapis.com/ajax/libs/d3js/5.7.0/d3.min.js"> 
   </script>
   <script type='text/javascript' src='ajax.js'></script>
   </head>
   <body>
   Какой-то контент...
    <br/>Какой-то контент...
   <br/>блок вывода с AJAX:
   <br/>
   <div id="blockajax"></div>
   <br/>блок вывода с AJAX:
   </body>
   </html>

ajax.js

(function($) {
$(function() {
  $("#blockajax").load("text-dlya-ajax.html");
})
})(jQuery)

text-dlua-ajax.html

Этот <b>текст</b> будет выведен через <b>AJAX</b>

Но данный пример не работает, возможно кто-то подскажет в чем дело. Сайт находиться локально на компе

Answer 1

Сделайте запрос на backend с идентификатором статьи, найдите её в бд, сформируйте представление(view) и сделайте append в блок. Пример ниже

$.ajax({
  method: "POST",
  url: "your-backend-url",
  data: { id: your-article-id}
  success: function(response) {
      //response is rendered view
     $('#your-block-id-where-to-render').append(response);
  }
})

В Вашем случае:

var html = $.get("text-dlya-ajax.html", function(data){
    $(this).children("div:first").html(data);
});
$("#blockajax").append(html);

Создание интернет-магазина строительных материалов в ABCname

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Замена значений атрибута value тега input

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

142

MySQL