*소스코드
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
</head>
<body>
<button>json hello</button>
<input id="name" type="text"/>
<div id="cc"></div>
<script>
$("button").click(function(){
$.ajax({
url:"ListSon?rnd="+Math.floor(Math.random()*99999999),
type:"post",
dataType:"json",
data:"",
contentType:"application/json",
success:function(data){
alert(data.count);
$.each(data.list,function(index, user){
$("body").append(index+":"+user.name+","+user.age);
});
},
error:function(jqXHR,status,e){
alert(status+":"+e);
}
});
});
</script>
</body>
</html>
* 출력화면
'Program > JavaScript' 카테고리의 다른 글
| [Ajax] jquery 실시간 중복체크 (0) | 2015.12.18 |
|---|---|
| JavaScript-배열 (0) | 2015.07.25 |
| Json 기본예제(버튼이벤트) (0) | 2015.07.25 |
| Java와 JavaScript의 다른 점은 무엇입니까? (0) | 2015.07.25 |
| JQuery란? (0) | 2015.07.25 |
