我有一个页面如下所示,其中显示了一个带有按钮的数据库中的用户记录列表。当我点击那个按钮时,显示一个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");
}
非常感谢您的帮助。
谢谢。
看起来您实际上并没有在POST中发送数据。看看AJAX调用中的这一行:
data:bValid, //Form variables
bValid
是什么?从该行上面的代码来看,它只是一个布尔值。但是AJAX POST中的data
需要包含与表单元素相对应的键/值对。试试这样做:
dataType: 'JSON',
data: { name: $('#name').val(), address: $('#address').val(), city: $('#city').val() }
这将发送一个键/值对的JSON对象,它从表单中的id为name
, address
和city
的HTML元素中获取它们的值。