如何使用 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 检索数据。