我專注的是Dialog的Form表單提交的問題。

不知道大家使用Dialog的方式是什麼，我就說說我用的方式吧。

1. <divid="dialog">
2.         <formid="dialogForm"method="post"action="user/add">
3.             <table>
4.                 <tr>
5.                     <td>名字：</td>
6.                     <td>
7.                         <input
   type="text"name="name"/>
8.                     </td>
9.                 </tr>
10.                 <tr>
11.                     <td>年齡：</td>
12.                     <td>
13.                         <inputtype="text"name="age"/>
14.                     </td>
15.                 </tr>
16.             </
    table>
17.         </form>
18.     </div>

<div id="dialog">
		<form id="dialogForm" method="post" action="user/add">
			<table>
				<tr>
					<td>名字：</td>
					<td>
						<input type="text" name="name"/>
					</td>
				</tr>
				<tr>
					<td>年齡：</td>
					<td>
						<input type="text" name="age"/>
					</td>
				</tr>
			</table>
		</form>
	</div>
 

1. $("#dialog").dialog({  
2.             modal: true,  
3.             autoOpen: false,  
4.             buttons:{  
5.                 "確定":function(){  
6.                     var form = $("#dialogForm");  
7.                     $.ajax({  
8.                         url:form.attr('action'),  
9.                         type:form.attr('method'),  
10.                         data:form.serialize(),  
11.                         dataType:"json",  
12.                         success:function(data){  
13.                             $("#dialog").dialog("close");  
14.                             alert("成功啦");  
15.                         },  
16.                         error:function(){  
17.                             $("#dialog").dialog("close");  
18.                             alert("出錯了哦");  
19.                         }  
20.                     }  
21.                 },  
22.                 "關閉": function() {  
23.                     $("#dialog").dialog("close");  
24.                 }  
25.             }  
26.         });  

$("#dialog").dialog({
			modal: true,
			autoOpen: false,
			buttons:{
				"確定":function(){
					var form = $("#dialogForm");
					$.ajax({
	        			url:form.attr('action'),
	        			type:form.attr('method'),
	        			data:form.serialize(),
	        			dataType:"json",
	        			success:function(data){
	        				$("#dialog").dialog("close");
	        				alert("成功啦");
	        			},
	        			error:function(){
	        				$("#dialog").dialog("close");
	        				alert("出錯了哦");
	        			}
					}
				},
				"關閉": function() {
					$("#dialog").dialog("close");
				}
			}
		});