Как сделать так, чтобы html-файл сам включался без обновления страницы при каждом нажатии кнопки или ссылки?

Question

Вопрос начинающего здесь:

файл № 1: file1.html (один набор данных)

//header, body and some other stuff
<form action="some_logic.php">
    <input type="text" name="data1" placeholder="data1">
    <input type="text" name="data2" placeholder="data2">
    <input type="submit" value="Ok!">       
</form>
//end of the html

файл № 2: (Я даже не знаю, каким должен быть этот файл:php? html? js?)

//usual stuff
    include 'file1.html';     //OR
    <!--#include file="file1.html"-->
    #logic to replicate file1.html with a button

Мне нужно повторять код file1 каждый раз, когда пользователь нажимает кнопку (или ссылку или что-то еще), и я хотел бы, чтобы это работало без обновлениястраница (или, по крайней мере, без опроса сервера снова и снова и без удаления текущих данных).Сервер использует php7.

Мне это нужно, потому что я заранее не знаю, сколько наборов данных создаст пользователь.Было бы здорово, если бы это можно было сделать с помощью JavaScript!(поскольку я сомневаюсь, что этого можно достичь только с помощью php / html) Хотя я до сих пор никогда не использовал js.

Answer 1

Вы можете получать данные с сервера без обновления веб-страницы с помощью JavaScript Ajax.Здесь вы можете создать прослушиватель событий для отправки запроса на сервер.Данные могут быть в виде обычного текста, HTML, JSON, XML или все, что вы хотите.Просто создайте Ajax-запрос для событий.Затем обновите веб-страницу, используя данные ответа.