jQuery的ajax和json使用例項

admin發表於2017-02-02
jQueryJSON
本章節分享一段程式碼例項，是jQuery封裝的ajax對JSON資料的請求處理。

程式碼比較簡單，對於有經驗的人員來說可以掠過，初學者可以做一下參考之用。

程式碼如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>  
<html>  
<head>  
<meta charset=" utf-8">  
<meta name="author" content="http://www.softwhy.com/" />  
<title>螞蟻部落</title> 
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script>
$(document).ready(function(){
  $("#bt").click(function(){
    $.ajax({
      type: "get",
      dataType: "json",
      url: "demo/jQuery/ajax/txt/json.txt",
      success: function(msg){
        var data = msg
        str="";
        $.each(data,function(index, n){
          str=str+data[index].webName+","+data[index].url+","+data[index].age+"<br/>";
        });
        $("#show").html(str);
      }
    });
  })
})
</script>
</head>
<body>
<div id="show"></div>
<input type="button" id="bt" value="檢視效果"/>
</body>
</html>

上面的程式碼實現了對json資料請求和處理的效果，程式碼比較簡單這裡就不多介紹了。

相關文章