b.jsp
======================================================
<%@ page language="java" contentType="text/html; charset=EUC-KR"
pageEncoding="EUC-KR"%>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script>
$.ajax({
url:"a.jsp",
dataType:"json",
success:function(data){
var items = [];
$.each( data.memberlist, function( index, member ) {
items.push( "<li>" + member.id + "</li>" );
});
$( "<ol/>", {
html: items.join( "" )
}).appendTo( "body" );
}
});
</script>
<body>
</body>
</html>
a.jsp
=======================================================
<%@ page language="java" contentType="text/html; charset=EUC-KR"
pageEncoding="EUC-KR"%>
{
"memberlist":[
{"id":"aa","pw":"11"},
{"id":"bb","pw":"22"},
{"id":"cc","pw":"33"}
]
}
'개발하자 > ajax&json' 카테고리의 다른 글
회원리스트 클릭시 순서있는 리스트로 db id뿌리기 (0) | 2015.03.10 |
---|---|
과제)회원정보보기 클릭하면 db에서 리스트 불러와서 뿌리기 (0) | 2015.03.04 |
dataType:'json',$.getJSON,$.parseJSON (0) | 2015.03.03 |
텍스트박스에 id치고 정보보기 클릭하면 db정보 보임 (0) | 2015.03.03 |
db에 member테이블 정보이용하여 id,pw,addr,tel출력하기 (0) | 2015.03.03 |