javascript - 如何使用 PHP 和 AJAX 加载基于其他表单数据的表单

Question

我对 php 和 ajax 有点陌生，所以在这里我需要一些帮助。我将稍微解释一下我的概念，请给我反馈是否可行。

这是我的主页代码的一小部分:

<ul class="treeview-menu">
    <li id = 'menu1'>
        <a>
            <i class="fa fa-angle-double-right"></i>
            Menu1
        </a>
    </li>
</ul>
<div id="content_info" style="display:none;"></div>
<div id="content_data" style="display:none;"></div>
<div id="content_input" style="display:none;"></div>

我还有另外两个页面，我们称之为 form_view.php 和 form_input.php。 form_view.php 用于显示数据库中的数据，form_input 用于输入新数据和编辑旧数据。我打算使用 AJAX 在主页上加载 form_view 和 form_input。

首先，当我选择 Menu1 时，它会显示 content_data div 并隐藏另外两个 div。然后，它将在 content_data div 中加载 form_view.php。我正在使用表格查看数据，每行都有一个编辑按钮。当我单击该按钮时，表单将提交到 form_input，form_input 将显示已选择的数据。

是否可以让 form_input 显示已选择的数据并将其加载到 content_input div 中？当发生这种情况时，content_data 和 content_info 将被隐藏，而 content_input 将被显示。这样做可以不刷新主页吗？

如果可能的话，你能给我看一些代码示例吗？

我很感激任何反馈。谢谢。

Answer 1

对 form_view.php 的 url 请求中的数据进行编码>

$( "#content_data" ).load( "ajax/form_view.php?"+parameters );

确保对您的参数进行 url 编码。稍后在您的 PHP 中从 $_GET 检索数据。