以下に、データベースのユーザー レコードのリストをボタンで表示するページを示します。そのボタンをクリックすると、誰かがユーザー情報を入力できるフォームを含む 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");
}
ここで何か助けていただければ幸いです。
ありがとうございました。