Jquery UI Dialog 폼 제출

Jquery UI Dialog 는 소개 하지 않 겠 습 니 다.하지만 그 중 일부 속성 은 여기 서 찾 을 수 있 습 니 다.http://www.cnblogs.com/bestfc/archive/2009/06/08/1498742.html。 비교적 전면적 입 니 다.저도 여기 서 봤 어 요.하하.)
어떤 서 류 를 도입 해 야 하 는 지 에 대해 서 는 말 하지 않 겠 다.사이트 주기:http://www.cnblogs.com/haogj/archive/2011/02/16/1956267.html(나 는 정말 게으르다.)
제 가 집중 한 것 은 Dialog 의 Form 양식 이 제출 한 문제 입 니 다.
여러분 이 Dialog 를 사용 하 는 방식 이 뭔 지 모 르 겠 지만 제 가 사용 하 는 방식 을 말씀 드 리 겠 습 니 다.
<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>
$("#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");
				}
			}
		});

이렇게 해서 form 을 div 에 직접 쓰 면 됩 니 다.그리고 form.serialize()는 모든 데 이 터 를 얻 을 수 있 습 니 다.됐어,쉬 워.
이전에 이 문제 에 대해 오랫동안 고민 을 했 는데 외국 의 사 이 트 를 보면 모두 다른 종류의 물건 을 말 하 는데 불편 하고 실 용적 이지 않다.알 아서 알 아서 나 왔 어.
모 르 는 게 뭐 있어 요?

좋은 웹페이지 즐겨찾기