每次单击按钮或链接时，如何在不刷新页面的情况下使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请求。然后使用响应数据更新网页。