맨위로가기
 

SBGRID

닫기

서버 연동

JQuery의 ajax를 이용하여 화면과 서버간의 json형태의 데이터를 송·수하는 예제입니다.
 

코드예

							//조회
							var gridData = [];
							function searchRow() {
								datagrid.lockGrid();	//그리드 잠금(로딩 이미지 포함)
								
								$.ajax({
									url : "<c:url value='/'/>sampleTestSearch.do",
									type : "POST",
									success : function(data) {
										gridData = JSON.parse(data.result);
										datagrid.refresh();	//데이터 초기화
										datagrid.clearStatus();	//상태정보 초기화
									}
								});
				
								datagrid.lockGrid(false);	//그리드 잠금 해제
							}
							
							//저장
							function saveRow() {
								var updateData = datagrid.getUpdateData(true);	//상태정보(insert/update/delete)가 포함된 행 데이터
								
								if(updateData.length > 0) {
									datagrid.lockGrid();	//그리드 잠금(로딩 이미지 포함)
									
									$.ajax({
										url : "<c:url value='/'/>sampleTestSave.do",
										contentType : "application/json; charset=utf-8",
										data : {data : JSON.stringify(updateData)},
										dataType : "json",
										type : "POST",
										success : function(data) {
											if(data.result == "success") {
												alert("저장되었습니다.");
												datagrid.clearStatus();	//상태정보 초기화
											} else {
												alert("저장도중 에러가 발생하였습니다.");
											}
											
											datagrid.lockGrid(false);	//그리드 잠금 해제
										}
									});
								} else {
									alert("저장할 내용이 없습니다.");
								}
							}