0

我有一个如下所示的页面，其中显示了带有按钮的数据库中的用户记录列表。当我单击该按钮时，会显示一个带有允许某人输入其用户信息的表单的 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");                    
        }

非常感谢这里的任何帮助。

谢谢你。

4

1 回答 1

1

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

data:bValid, //Form variables

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

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

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

于 2013-06-18T15:09:38.733 回答