Javascript未从PHP接收回数据

Question

我有一个发送到php的表单，其中有一些文本字段和图像字段。 但是我的JavaScript没有收到来自php的回显。 它将我重定向到PHP，并在此回显数据。 想知道为什么我的JavaScript会这样做。 谢谢你的时间！

<script type="text/javascript" >


    $("button#signinbutton").click(function() {
    if ($("#list").val() == "") {
        $("p#result").html("Please enter both userna");
    } else {

        $.post($("#submitform").attr("action"), $("#submitform").serializeArray(), function(data) {

             var reply = data.replace(/\s+/, "");
           if($.trim(data) == 'success'){
            location.replace("account.html")

           }
            else   
            {

            $("p#result").html(data);
            }
        });
    }
});

$("#submitform").submit(function() {
    return false;
});

    </script>

Answer 1

听起来您的表单正在执行标准表单提交，其中浏览器会重新加载页面。 最可能的原因是未将事件处理程序包装在DOM ready函数中。 在结束</body>之前，可以使用DOM准备好的包装器，或者将代码移动到页面的末尾。 分配事件时，DOM中不存在表单和按钮，因此永远不会触发它们。

$(function(){
    $("button#signinbutton").click(function() {
        ...
    });

    $("#submitform").submit(function() {
        return false;
    });
});

这将使AJAX提交并阻止页面刷新。 如果您有文件上传输入，则不能使用serializeArray() 。 有关AJAX文件上传的信息，请参见此问题 。