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

我对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>

菜单1

我还有另外两个页面，我们称之为

form\u view.php

和

form\u input.php

。

form_view.php

用于显示数据库中的数据，

form_input

用于输入新数据和编辑旧数据。我计划使用AJAX加载主页上的

表单视图

和

表单输入

首先，当我选择

Menu1

时，它将显示

content\u data

div并隐藏另外两个div。然后，它将在

content\u data

div中加载

form\u view.php

。我使用表查看数据，每行都有一个编辑按钮。当我单击按钮时，表单将提交到

表单输入

，并且

表单输入

将显示已选择的数据

是否可以使

form\u input

显示已选择的数据并将其加载到

content\u input

div中？发生这种情况时，

content\u数据

和

content\u信息

将被隐藏，并显示

content\u输入

。执行此操作时是否可以不刷新主页面

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

---

我感谢您的反馈。谢谢。

将url请求中的数据编码为

form\u view.php

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

---

确保对参数进行url编码。后者从PHP中的

$\u GET

中检索数据。

您可以添加form_view.PHP和form_input.phpI的代码吗？您可以检查一下吗？