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

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

php mysql jquery

Php 使用jquery模式表单将数据插入MYSQL,php,mysql,jquery,Php,Mysql,Jquery,我有一个页面，下面显示了一个带有按钮的数据库中的用户记录列表。当我单击该按钮时，会显示一个jquery模式表单，该表单允许用户输入其用户信息我的问题是，当我单击模式表单上的“添加新用户”按钮时，数据应该插入到数据库中。但这些数据不会被存入数据库这是带有模态表单对话框的users.php页面中的代码 <body> <h1>User Management System</h1> <div id="manage_user">

我有一个页面，下面显示了一个带有按钮的数据库中的用户记录列表。当我单击该按钮时，会显示一个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>

非常感谢您的帮助

谢谢。

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

data:bValid, //Form variables

什么是

bValid

？从这行代码的外观来看，它只是一个布尔值。但是AJAX帖子中的

数据

需要包含与表单元素对应的键/值对。请尝试以下方法：

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

这将发送一个包含键/值对的JSON对象，这些键/值对从HTML元素中获取值，HTML元素的ID为

name

，

address

，以及

city

。

单击按钮和将数据插入数据库之间有几个步骤。哪一步失败了？是否正在对服务器进行AJAX调用？它是否包含预期的数据？服务器的响应是什么？PHP代码是否按预期执行？JavaScript控制台中是否存在任何错误？PHP日志中有错误吗？@David感谢您的回复。JavaScript控制台中没有任何错误。在完成模态表单对话框中的表单字段后，它将关闭，不知道数据的去向。PHP错误日志中也没有任何内容。如果您不熟悉浏览器调试工具，现在是熟悉这些工具的好时机。使用诸如Chrome developer tools或Firebug之类的工具（无论您使用的浏览器应该有什么），监视请求和响应（可能在一个名为“net”或“network activity”或类似性质的选项卡上）。这将告诉您是否有任何内容实际发送到服务器，具体发送的内容，服务器的响应是什么。在firebug的

All

菜单中有一个名为

response

的选项卡，post数组中有这样一条消息

error

我刚刚尝试过，出现一个警报

SyntaxError:JSON.parse:意外字符

，然后我发现数据将进入数据库。但不会同时显示在users.php页面中。如果要显示数据，我需要重新加载页面。我可以知道原因吗？谢谢。@TNK:嗯，你在更新页面吗？AJAX请求不会重新加载页面，因此对页面内容的任何更新都需要手动完成。相反，重新加载页面也会更新内容。@TNK:否。如果您有其他特定问题，则可以为此在堆栈溢出上创建一个新问题。但是，如果您正在寻找一位教授web开发的人，那么这对于堆栈溢出的范围来说太广泛了。我很乐意为您解答一些具体的附加问题，但听起来您需要的是一些关于PHP、JavaScript、jQuery和web开发的入门教程。堆栈溢出并不能真正提供这一点。此评论线程的范围已超出原始问题的范围。

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