Question

我有一个如下所示的页面，它显示了带有按钮的数据库中的用户记录列表。当我点击该按钮时，会显示一个jquery模式表单，其中包含允许某人输入其用户信息的表单。

我的问题是当我点击模态表单上的'添加新用户'按钮时，数据应插入数据库。但是这些数据不会进入数据库。

这是带有模态表单对话框的users.php页面中的代码

 <body>

    <h1>User Management System</h1>

    <div id="manage_user">
        <form action="" method="">

           // Here I display a table with user details.................

            <button id="FormSubmit">Add New User</button>
        </form>
    </div>

    <div id="dialog" class="new_user_dialog_box" title="Add New User">
        <p>Fill this form with your details and click on 'Add New User' button to register.</p>

        <p class="validateTips">All form fields are required.</p>

        <div id="new_user_form">
            <table>
                <tr>
                    <td>Name :</td>
                    <td><input type="text" name="name" value="" id="name" /></td>
                </tr>               
                <tr>
                    <td>Address :</td>
                    <td><input type="text" name="address" value="" id="address" /></td>
                </tr>               
                <tr>
                    <td>City :</td>
                    <td><input type="text" name="city" value="" id="city" /></td>
                </tr>
            </table>
        </div>
    </div>

 </body>

Javascript / jQuery脚本是

        if ( bValid) { 

            jQuery.ajax({
                type: "POST", // HTTP method POST or GET
                url: "process.php", //Where to make Ajax calls
                dataType:"text", // Data type, HTML, json etc.
                data:bValid, //Form variables
                success:function(response){
                    //on success, hide  element user wants to delete.
                    //$('#item_'+DbNumberID).fadeOut("slow");
                },
                error:function (xhr, ajaxOptions, thrownError){
                    //On error, we alert user
                alert(thrownError);
                }
            });
            $(this).dialog("close");                    
        }

非常感谢任何帮助。

谢谢。

Answer 1

看起来你实际上并没有在POST中发送数据。在AJAX调用中查看这一行：

data:bValid, //Form variables

什么是bValid？从该行上方代码的外观来看，它只是一个布尔值。但是AJAX POST中的data需要包含与表单元素对应的键/值对。尝试这样的事情：

dataType: 'JSON',
data: { name: $('#name').val(), address: $('#address').val(), city: $('#city').val() }

这将发送一个键/值对的JSON对象，它从表单中带有ids name，address和city的HTML元素中获取它们的值。

使用jquery模式表单将数据插入MYSQL

1 个答案: