jquery dialog

jquery dialog 정리

 
 
var opt = {
		        autoOpen: true,
		        modal: true,
		        title: '입력확인'
		};

		var 데이터=$('#데이터').val(); //데이터 가져오기
		var rdata={content: input, tpage: page}; //파싱
		var data=JSON.stringify(rdata) //json언기

		var theDialog = $("#이름").dialog(opt); //다이얼 로그 옵션 탑재

		theDialog.dialog("open"); //오픈하여라
		
		$('#이름').dialog({ //다이얼로그 가할일
			autoOpen: false, //자동오픈 켜기,끄기
        , width : "500px"            // dialog 넓이 지정
        , height : "500px"        // dialog 높이 지정
        , modal : true            // dialog를 modal 창으로 띄울것인지 결정
        , resizeable : false    // 사이즈 조절가능 여부

			resizable: false,
 create: function (event, ui) {  
                },  //생성될때 할일
                open: function (event, ui) {  
                },  //오픈됬을때 할일
                close: function () {  
                },  //닫을때 할일
                cancle: function () {  
                } //취소했을때 할일 지정
			buttons: [ //버튼 탑재
				{
					text: "OK", //ok버튼을 누를시 ajax 할일 진행
					click: function() {
							$.ajax({  //ajax
								type : "POST", //보내는 형식
						        url : "/url", //url
						        dataType : "text", //보내는 데이터 타입
						        async: false, 
								data : data, //보내는 데이터 위에 var data
								contentType: "application/json;charset=utf-8",
 //보내는 받아오는 타입을 맞춰줘야함
								success : function(response) {
									//ajax 성공시 할일
								},
								error : function(request, status, error) {
									if (request.status != '0') {
										
alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error); //에러 메시지 출력
									}
								}

							});