Php 使用AJAX显示表单提交结果？_Php_Javascript_Ajax_Forms

Php 使用AJAX显示表单提交结果？

php javascript ajax forms

Php 使用AJAX显示表单提交结果？,php,javascript,ajax,forms,Php,Javascript,Ajax,Forms,我正在设计一个网站，其中用户从菜单中选择的所有页面都加载到页面的特定div区域，我想知道当用户提交表单时，如何创建这样的功能，而不是进入浏览器然后导航到表单，让它将结果加载到同一div部分我的索引页如下所示： <body> <?php echo "<div id=\"siteLogo\">"; require("public/includes/templates/header.php"); echo "</div>

我正在设计一个网站，其中用户从菜单中选择的所有页面都加载到页面的特定div区域，我想知道当用户提交表单时，如何创建这样的功能，而不是进入浏览器然后导航到表单，让它将结果加载到同一div部分

我的索引页如下所示：

<body>
    <?php
    echo "<div id=\"siteLogo\">";
        require("public/includes/templates/header.php");
    echo "</div>";
    "<div id=\"siteMenu\">";
        require("public/includes/templates/menu.php");
    echo "</div>";
    echo "<div id=\"siteContent\">";
        require("public/includes/templates/home.php");
    echo "</div>";
    echo "<div id=\"siteFooter\">";
        require("public/includes/templates/footer.php");
    echo "</div>";
?>

然后呈现页面时，页面采用以下形式，当然还有其内容：

<body>
    <div id="siteLogo">
    </div>
    <div id="siteLogo">
    </div>
    <div id="siteLogo">
    </div>
    <div id="siteLogo">
    </div>
</body>

然后呈现页面时，有四个div区域，每个区域包含各自的内容。然后使用以下代码（渲染的HTML和用于AJAX加载的Javascript）将从菜单（menu.php）中选择的所有项目加载到web_Content div区域






-----------------------------------------------
$（“#站点菜单a”）。单击（功能（e）
{
$（“#web_内容”）.load（$（this.attr（'href'），function（）
{
})
});

现在，当我向菜单中添加一个表单时，它会按预期操作并将内容（form.php）加载到#siteContents div区域。我现在希望能够使网站功能正常，以便在提交表单时，将数据发送到一个脚本（例如newDataPost.php），并将该脚本注入#siteContents div，就像菜单将所选页面注入该div的方式一样

我似乎想不出一种方法来实现这一点，更有经验的web开发人员是否知道在提交表单时向div中注入脚本的方法？

看看如何更改表单上的提交事件，以执行接受序列化表单的ajax调用。大概是这样的：

$('form').submit(function(e) {
  e.preventDefault();
  $.get('some_endpoint.php', {form_data :$(this).serialize() }, function (data) {
   // your callback to insert new html into the div
  })

});

$('form').submit(function(e) {
  e.preventDefault();
  $.get('some_endpoint.php', {form_data :$(this).serialize() }, function (data) {
   // your callback to insert new html into the div
  })

});