티스토리 뷰

개발/Web

jquery datatype json

개발자와코더사이가 PM일까? 2013. 1. 17. 23:55
반응형

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>필터</title>
<script type="text/javascript"  src="js/jquery-1.8.3.js"></script>
<script type="text/javascript">
 $(document).ready(function(){
 
  $.ajax({
   type:"post",
   url:"http://localhost:8080/JqueryTest/TEST_1.js",
   dataType:"json",
   success:function(ajaxResult){
    alert(ajaxResult);
    alert(ajaxResult[0].name +"///"+ajaxResult[0].age);
    alert(ajaxResult[1].name +"///"+ajaxResult[1].age);
   }, error: function(xhr,status,error){
    alert(error);
   }
   });
 });

</script>
</head>
 <body>
 <form id="form" name="form">
  <table>
   <tr>
   <td><span id="ajaxResult"></span></td>
   </tr>
  </table>
  
  <table>
  <tr>
  <td> <p>JSON</p>
    $(document).ready(function(){ </br>
   &nbsp;&nbsp;$.ajax({ </br>
   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type:"post", //사용할 메소드</br>
   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url:"http://localhost:8080/JqueryTest/TEST_1.js", //요청 URL</br>
   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType:"json", //응답의 결과로 반환되는 데이터종류 </br>
   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;success:function(ajaxResult){ </br>
   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert(ajaxResult);  </br>
   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert(ajaxResult[0].name +"///"+ajaxResult[0].age);  </br>
   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert(ajaxResult[1].name +"///"+ajaxResult[1].age);  </br>   
   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},</br>
   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;error: function(xhr,status,error){ </br>
   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert(error); </br>
   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} </br>
   &nbsp;&nbsp;&nbsp;&nbsp;});  </br>
    }); </br>
   </td>
  </tr>
  </table>
  
 </form>
  <table id="table2">
  <tr>
  <td><a href="index.jsp">돌아가기</a></td>
  </tr>
  <tr>
  <td><a href="jquery_test10_1.jsp">json</a></td>
  </tr>
  </table>
 </body>
</html>

댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/05   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
글 보관함