Question

我有一个导入jquery.form.js文件的php文件：

<script type="text/javascript" src="jquery.form.js"></script>
<script type="text/javascript" src="jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="createuser.js"></script>

createuser.js文件：

$(document).ready(function()
{
    $("#UserButton").click(function() 
    {
        alert("Here1");
        var ID = $("#ID").val();
        $("#User_Form").ajaxForm
        ({

            type: 'POST',
            url: 'createuser.php',
            data: {ID:ID},
            cache: false,
            error: function(data) 
            {
                bootbox.dialog
                ({
                    alert("error");
                });
            },
            success: function(data) 
            {

                if(data==0)
                {
                    alert("user created");

                }

            }
        }).submit();
    });

});

createuser.js一直工作到第一个警告消息，即Here1，但不再继续。 php脚本createuser.php可以在隔离状态下正常工作并返回0.因此，createuser.php文件似乎没有问题。

如果我错过了什么，请告诉我。

感谢。

Answer 1

如果你在控制台中查看，你会看到一个错误，指出ajaxForm不是一个功能。

<script type="text/javascript" src="jquery.form.js"></script>
<script type="text/javascript" src="jquery-1.11.1.min.js"></script>

首先加载一个尝试将ajaxForm绑定到jQuery对象的脚本。这失败了。

然后你加载jQuery。

您需要撤消加载这两个脚本的顺序。

在响应点击时调用ajaxForm似乎很奇怪。通常你会在ready处理程序中调用它，以便在单击常规提交按钮时运行它。

Answer 2

您的代码中必须有一个似乎缺少的操作，因此您的请求将到达您的createuser.php文件，但作为响应，您将获得0，因为没有处理该请求的处理程序/操作/函数。

示例代码。我希望它有所帮助。

var ajax_data = {
        'action': 'test_get_meeting',
}

jQuery.ajax({
    url: ajaxurl,
    type: 'POST',
    data: ajax_data,
    dataType: 'json',
    success: function (response) {
        jQuery("#spaces_section_meeting").html(response["data"]);
    },
    fail: function () {

    }
});

Answer 3

有可能你的PHP脚本可能返回没有值，因为它返回false。您可以alert(data)查看您在成功和失败方面获得的价值。

data:{"ID":ID},
success: function(data) 
        {
            alert(data);
            if(data!=1) 
            {
                alert("user created");

            }

        }

还首先将jquery库包含在其他库的顶部。

Answer 4

将ajax中的数据中的代码更改为：

data: 'ID='+ID,

jquery Ajax表单不起作用

4 个答案: