<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JSON的解析</title>
<script type="text/javascript" src="jquery-1.7.js"></script>
<script type="text/javascript">
$(function(){
//选择器
// $("#aaa").html("你好");//id
// $(".bbb").text("你好吗");//class
// alert($("input").val());//tagname
// 事件绑定
$("#btnMessage").click(function(){
//alert("谁点我...");
$.ajax({
type:"POST",//请求到服务器的方式,此处为POST方法
url:"bookinfo/json.json",//请求的服务器地址,此处调用json3方法
dataType:"text",
success:function(data){//data为返回给客户端的JSON数据,存储在data这个变量里面
//alert("从服务器异步返回的数据变量是:"+data);
$("#msg").html("从服务器异步返回的数据变量是:"+data);
}
})
});
})
</script>
</head>
<body>
<div class="bbb" id="aaa"></div>
<input type="text" name="userid" value="100">
<hr/>
<input type="button" value="点击我得到JSON格式的消息变量" id ="btnMessage" />
<div id="msg">
</div>
</body>
</html>