我在html页面上工作。它有一个按钮和一个文本框<input type="text"></input> , <button onclick="abcdef">Search</button>。该按钮将形成一个覆盖页面＆＃34;可见＆＃34;通常从视图中隐藏哪些内容，其中还有关闭按钮以再次关闭它。基本上，一切都发生在同一页面上＃34;我使用java脚本隐藏并显示叠加层。
我创建了一个php页面（search.php），它将在数据库中搜索字符串值。我使用另一个<input type="text"></input>和<input type="submit" name="search"></input>的表单，使用method="GET"和action="search.php"表单。我确实使用它并在输入文本框中输入一个值。当我点击搜索时，它将打开一个新页面并显示＆＃34;没有找到＆＃34;或预期的结果。
我想使用我的第一个按钮和输入框。我还希望这个输出显示在我的叠加页面中，该页面是“＃34;可见＆＃34;通过那个按钮。整个表格会弄乱我的叠加层或在新页面上打开。如果可能的话，我想在同一个根，索引html页面INSIDE我的叠加层显示php页面的所有输出。
我如何编码search.php和我的index.html页面，以便在点击按钮时显示叠加层内的输出？目前，search.php和通过使用while循环显示所有结果，上述表单将在新页面上以echo "<h1>", $result['name'],"</h1><h2>",$result['surname'],"</h2>;输出。
想法：当我点击按钮（称为搜索）时，它应该从输入框中取值，将其发送到php脚本并执行搜索并返回结果，然后打开叠加层并显示覆盖结果。或者，当单击按钮时，应先将其加载到叠加层中，然后从输入框中获取文本，然后进行搜索，然后在叠加层中显示搜索结果。
答案 0 :(得分：0)
您可以创建search.php仅返回JSON字符串，并使用javascript进行AJAX调用，从JSON获取search.php响应并进行渲染使用JavaScript的数据。
您可以使用JQuery或AngularJS。两者都可以满足您的需求。
或者，将您的index.html更改为index.php和action="index.php"，并将search.php的功能整合到index.php。
这是你能做的最好的事情。问题不在于显示数据，而在于正确获取数据。更好地使用第一种方法，需要大量的学习，但会整齐地进行。