본문 바로가기
프로그램/JQUERY

[JQUERY] $.ajax() 사용방법

by 주원대디 2014. 8. 11.

 

[JQUERY] $.ajax() 사용방법

 

Nullframe을 이용한 현재페이지에서 다른 프로그램 실행 <<링크참고

이용하듯 $.ajax()로 다른페이지에 프로그램 실행요청을 보내고

그 결과값을 json 값으로 다시 받아 사용할수 있다.

 

 

<script>
$.ajax({type: 'POST', async: false, url: 'test.php'
						,data: "name="+$.trim($("#name").val())
					 //data: $("#form").serialize();
						,dataType: 'json'
						,success: function(data) {
							try{
								if(data.result == 'succ') {
										alert(data.msg+" "+data.no+" "+data.test);										
										alert('성공');
		 								return false;
								}else {
									alert('실패');
										return false;
								}
								
							}catch(e){
								alert('실패1');								
							}
						}
						,complete:function(){
							alert('성공,실패후 마지막에 돌아가는 기능 ');
						}
						,error: function(data, status, err) {
							
							alert('만약 요구가 실패하면 달리는 기능');						
							return false;
						}
				});	        
				
</script>			

 

아작스로 페이지 요청한뒤

success: function(data) {} : 요구사항이 성공일때 달리는 기능

complete:function(){} : 성공, 실패후 마지막에 한번 돌아가는 기능

error: function(data, status, err) {} : 요구사항이 실패할때 달리는 기능

배열로 받은 전달값을

data.result, data.msg 이와 같은 방식으로 값을 전달받아 이용해서 사용할수 있음!

<?
#######################################################################
#    
#  json으로 결과값 넘기기
#
#######################################################################

header('Content-Type: text/javascript; charset=utf-8'); 

$DOCUMENT_ROOT = $_SERVER['DOCUMENT_ROOT'];
include "{$DOCUMENT_ROOT}/db_connect.php";
$connect= db_connect("db_name");
mysql_query('SET CHARACTER SET utf8');

$Where = " Where 1";
$sql = "select * from table_name";

$sql .= $Where;
$sql .= " order by rand()";
$sql .= " Limit 0 , 1 ";
$result = mysql_query($sql);
$row = mysql_fetch_array($result);

$no = $row[no]; 
$msg = $row[msg]; 
$result = "succ";
if(!$msg) $result = "fail";

$json = array('result'=>$result,'no'=>$no, 'msg'=>$msg,'test'=>'test');
echo urldecode(json_encode($json));
?>

데이터 값을 $json = array('result'=>$result,'no'=>$no, 'msg'=>$msg,'test'=>'test');

배열 형태로 넘겨준다.

'프로그램 > JQUERY' 카테고리의 다른 글

[JQUERY] div 화면채우기 (화면잠금)  (0) 2014.08.30