添付のスニペットのようなPHPファイルにHTMLフォームがあります。
[詳細を保存]ボタンを押すと、ページにjQueryUIモーダルダイアログが読み込まれます。そのダイアログは、 Ajaxを介してコントローラーアクション(例:savedetails)を実行します。基本的に、コントローラーアクションは「frmEmployees」のすべてのPOST詳細を取得し、Ajaxを介してデータベースに変更を保存します。
Ajaxコンテンツを含むダイアログをロードするロジックに興味があります(コントローラーアクションを介してすべてのPOST変数を取得します。たとえば、Ajaxを介して「/ public / empdetailcontroller」と言います)。これまでのところ、以下のHTMLのようなものがあります。
何か案は?
スニペット:
<form name="frmEmployees" id="frmEmployees" method="POST" action="">
<table>
<tr><td>Name:</td><td><input type="text" name="empName" size="50"></td></tr>
<tr><td>City:</td><td><input type="text" name="empCity" size="50"></td></tr>
<tr><td>Country:</td><td><input type="text" name="empCountry" size="50"></td></tr>
<tr><td colspan=2 align=center><input type="button" name="btnsubmit" value="Save Details"></td></tr>
</table>
</form>
<div id="dialogSaveChanges"
title="Saving.."
style="display:none;"><p><span
class="ui-icon
ui-icon-info"
style="float:left; margin:0 7px 20px 0;"
></span><span id="dialogText-savechanges"></span></p></div>
<script language="JavaScript>
$(document).ready(function() {
$('#dialogSaveChanges').dialog({
autoOpen: false,
width: 400,
modal: true,
title: titleText,
closeOnEscape: false,
open: function(event, ui) { $(".ui-dialog-titlebar-close").hide(); },
resizable: false,
buttons: {
Ok: function() {
$(this).dialog('close');
}
}
});
$('#btnSaveChanges').click(function() {
$('#dialogSaveChanges').dialog('open');
$("span#dialogText-savechanges").html("Your Changes have been saved successfully.");
});
});
</script>