選擇器：id與name
<!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>