Javascript 在另一个div中加载Ajax表单提交结果页面

我试图将数据从一个表单发送到另一个页面（在同一台服务器上），并将该页面加载到主索引页面的div中。当我提交数据时，它正在被处理，但div没有更新以反映新页面已加载到其中

form-page.php

<script>
$(document).ready(function() {//start document ready
  $('#review-submit-button').click(function (e){
    e.preventDefault();

    $.ajax({
    type: 'POST',
    url: 'pages/firstdeploy/deploy-sequence-finalize1.php',
    data: $("#masteraccountsetup").serialize(),
    success: function(response){
$("#primary-display").html(response);
}

    });
  });
});//end document ready
</script>

form-page.php
$（document）.ready（函数（）{//start document ready
$（“#查看提交按钮”）。单击（功能（e）{
e、 预防默认值（）；
$.ajax({
键入：“POST”，
url:'pages/firstdeploy/deploy-sequence-finalize1.php'，
数据：$（“#masteraccountsetup”）.serialize（），
成功：功能（响应）{
$（“#主显示”）.html（响应）；
}
});
});
});//结束文件准备就绪

processing-form-page.php

<?php
$con=mysqli_connect("localhost","***","***","***");
if (!$con){
    die("Database Connection Failed" . mysqli_error());
};


// escape variables for security
$companyname = mysqli_real_escape_string($con, $_POST['review-
companyname']);
$jobtitle = mysqli_real_escape_string($con, $_POST['review-jobtitle']);
$masteraccount = mysqli_real_escape_string($con, $_POST['review-username']);
$masteremail = mysqli_real_escape_string($con, $_POST['review-email']);
$masterpassword = mysqli_real_escape_string($con, $_POST['review-
masterpassword']);

$sql = "INSERT INTO accounts (username, password, company, position, email) 
VALUES ('$masteraccount','$masterpassword',
'$companyname','$jobtitle','$masteremail')";

mysqli_query($con,$sql);

echo $companyname;
echo "<br>";
echo $masteraccount;
echo "<br>";
echo $jobtitle;
echo "<br>";
echo $masteremail;
echo "<br> test";
echo $masterpassword;



$con->close();

您可以尝试：

$.ajax({
    type: 'POST',
    url: 'pages/firstdeploy/deploy-sequence-finalize1.php',
    data: $("#masteraccountsetup").serialize(),
    dataType: 'html',
    success: function(response){
        $("#primary-display").html(response);
    }

如果将ajax数据类型设置为文本或html，则不会进行预处理。数据只需传递给成功处理程序，并通过jqXHR对象的responseText属性提供

从
中，您可以尝试：

$.ajax({
    type: 'POST',
    url: 'pages/firstdeploy/deploy-sequence-finalize1.php',
    data: $("#masteraccountsetup").serialize(),
    dataType: 'html',
    success: function(response){
        $("#primary-display").html(response);
    }

如果将ajax数据类型设置为文本或html，则不会进行预处理。数据只需传递给成功处理程序，并通过jqXHR对象的responseText属性提供

从
开始只是为了确认。您是否在success方法中放置了一个console.log（response）并看到它打印到您的控制台上？验证1）ajax发生了，2）它得到了一个成功的响应，3）响应是您所期望的，它也在观察网络选项卡以查看请求和接收的内容？这段代码看起来应该可以正常工作。我还没有，让我看看我是否可以谷歌如何添加一个。我之所以知道它是通过processing-form-page.php处理的，是因为数据库表用结果更新了

您提到您正在从

index.php

将

form page.php

加载到该div中？您显示的

script

块是

form page.php

的一部分还是

index.php

的一部分？您能告诉我们id为

主显示的div在哪里吗？只是为了确认一下。您是否在success方法中放置了一个console.log（response）并看到它打印到您的控制台上？验证1）ajax发生了，2）它得到了一个成功的响应，3）响应是您所期望的，它也在观察网络选项卡以查看请求和接收的内容？这段代码看起来应该可以正常工作。我还没有，让我看看我是否可以谷歌如何添加一个。我之所以知道它是通过processing-form-page.php处理的，是因为数据库表用结果更新了

您提到您正在从

index.php

将

form page.php

加载到该div中？您显示的

script

块是

form page.php

的一部分还是

index.php

的一部分？您能告诉我们id为

主显示的div的html位置吗？这个答案不起作用，它不再将结果加载到数据库中我不知道如何停止将结果加载到数据库中，因为在他的示例中，唯一的变化是，是
数据类型
，它只影响它对“返回数据”的处理。与ajax调用、序列化和发送的数据无关。这让我相信这根本不起作用，甚至一开始就没有点击deploy-sequence-finalize1.php。这是一个更大的深层次的问题。好吧，使用您发布的代码不起作用，但是向我现有的ajax中添加数据类型：“html”确实解决了我的问题。非常感谢您在代码snippit中添加说明！事实上，重读几遍你发布的内容，阅读ajax api，我还有一个问题，因为没有预处理，表单数据还会被序列化吗？没有对结果数据和表单数据进行处理。这个答案不起作用，它不再将结果加载到数据库中。我不知道这会如何停止将结果加载到数据库中，因为在他的示例中，唯一的变化是，是
数据类型
，它只影响它对“返回数据”的处理。与ajax调用、序列化和发送的数据无关。这让我相信这根本不起作用，甚至一开始就没有点击deploy-sequence-finalize1.php。这是一个更大的深层次的问题。好吧，使用您发布的代码不起作用，但是向我现有的ajax中添加数据类型：“html”确实解决了我的问题。非常感谢您在代码snippit中添加说明！实际上，重读几次您发布的内容并阅读ajax api，我还有一个问题，表单数据是否仍然会被序列化，因为没有进行预处理？没有对结果数据而不是表单数据进行处理。