php - AJAX POST 无法在 DIV 中加载 PHP 页面

Question

我对 ajax 的耐心消失了。无论如何都无法正常工作。老实说，我没有在 DIV 之外尝试过，因为目的是专门使用 AJAX 加载表单并将其发布到所述 DIV 范围内的页面。

非常感谢 future 的进步。

#contentmainpane 是一个 DIV。我有……

if (isset($_POST['l'])) {
echo $_POST['l']; }
else { 
echo 'nope'; }

... 在 CART 页面中加载正常但没有收到来自 BOOK 页面的帖子(所以我在 #contentmainpane DIV 中的 CART.PHP 上没有回显)。这是有问题的 BOOK 页面代码:

<form id="form1" method="POST">
<input id="l" name="l" size="45" type="text" value="book">
<input id="submit" name="submit" value="save" type="submit">
</form>


<script>
$('#form1').submit(function(event){

event.preventDefault();

var book = $('#book').serialize();
var cart = '/content/pages/cart.php';
var formdata = {"book": book}


$.ajax({

type: "POST",

url : "/content/pages/cart.php"

data: formdata,

success: function(msg){

$("#contentmainpane").load(cart);

}
});
});
</script>

Answer 1

我注意到您正在序列化一个 ID 为 #Book 的表单，但是您的 html 没有显示 ID 为 #book...另外，您需要在 url 后面加一个逗号

试试这个

$('#form1').submit(function(event) {
    event.preventDefault();
    var book = $('#form').serialize();
    var cart = '/content/pages/cart.php';

    $.ajax({
        type: "POST",
        url: "/content/pages/cart.php",
        data: book,
        success: function() {
            $("#contentmainpane").load(cart);
        }
    });
});