json data 사용하기

Java

json data 사용하기

우혁이 아빠 2011. 9. 26. 01:50

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  <script type="text/javascript">
	$(document).ready(function(){
		$('#submit').click(function(){
			$.ajax({
				type:"GET",
				url:"http://localhost:8080/spring-android-showcase-server/states",
				dataType:"json",
				success:callback
			});
			return false;
		});
	});

function callback(data){
		alert('in callback function');
		var name = "<ul>";
		$.each(data, function(i, n){
			name += "<li>name : " + n["name"] + " , abbreviation : " + n["abbreviation"] + "</li>";
		})
		name += "</ul>";
		$('#message').append(name);
	}
  </script>
 </HEAD>

<BODY>
	<p>For information from JSON file click the button given below : <br/>
	<input type="submit" id="submit" />
	<div id="message"></div>
 </BODY>
</HTML>

저작자표시