Обновить часть веб-страницы, используя document.URL в AJAX

Question

Что конкретно вы включаете в документ.URL часть этого?

 $('#thisdiv').load(document.URL +  ' #thisdiv');

Ничто из перечисленного не работает:

  $('#example').load(document.URL +  ' #example');
  $('#example').load(index.php +  ' #example');
  $('#example').load(https://databasetable-net.000webhostapp.com/ +  ' #example');
   $('#example').load('https://databasetable-net.000webhostapp.com/' +  ' #example');

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

 table.ajax.reload();  

Answer 1

Проблема в том, что .load() загружает выбранную часть возвращенного документа внутри элемента, на котором вы его запускаете, он не заменяет элемент. Итак, код, который вы написали, попытается создать:

<div id="example">
    <div id="example">
    ...
    </div>
</div>

Вам нужно поместить контейнер вокруг элемента. Исходный HTML-код должен выглядеть примерно так:

<div id="example-container">
    <div id="example">
    ...
    </div>
</div>

И тогда вы можете сделать:

$("#example-container").load(location.URL + " #example")