본문 바로가기

Web Programings/Ajax

[AJax] 값 전송 양식

반응형
=============================================
사용자에게 보이는 html/php단에서의 스크립트
=============================================
	<script type="text/javascript">
function nickNameCheck() {
		$.ajax({
			type : 'POST',
			url : '이동할 주소(처리할 모델부분이나 기타)',
			data : {
				'id' : $('#nickname').val(),        // <input type="text" id=nickname value="rkawk">       input 타입의 id값을 바탕으로 value값을 가져오는 방법
				'sn' : '{.sn}'
			},
			async : false,
			dataType : 'script',
			success : function(data) {
				data = eval('(' + data + ')');
				if (data == "true") {
					alert("사용 가능한 닉네임 입니다.");
					checkID = $('#nickname').val();
				} else {
					alert("사용 불가능한 닉네임 입니다.");
				}
			},
			error : function(xhr, status) {
				alert('[' + status + ']\n\n' + xhr.responseText);
				hasError = true;
			}
		});
	}
	</script>

=============================================
사용자측에서 보내온 Ajax 값을 서버측에서 처리하여
결과값을 보내는 부분
=============================================
	function nickNameCheckAjaxAction(){
// AjaxHeader를 설정
		header("Content-Type: text/html; charset=UTF-8");
		header("Cache-Control: no-cache");
		header("Pragma: no-cache");
// 받아올 값 설정
$id = $_POST['id'];
$sn = $_POST['sn'];
// $id와 $sn을 처리하고 반환값 전송
if($id == $sn)
echo json_encode('false');
else
echo json_encode('true');
}
반응형

'Web Programings > Ajax' 카테고리의 다른 글

[AJax] Json 디코딩  (0) 2013.01.02