|
|
반응형
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); //에러 메시지 출력
}
}
});
|
|
반응형
'코딩' 카테고리의 다른 글
| Ioc 컨테이너 Di (0) | 2016.11.02 |
|---|---|
| 2016/06/13 HTML5 (0) | 2016.06.13 |
| If_Switch_For-1 (0) | 2016.04.06 |
| 자료형 연산자-3 (0) | 2016.04.06 |
| 자료형 연산자-2 (0) | 2016.04.05 |