ajax和json使用实例

本章节分享一段代码实例，是jQuery封装的ajax对JSON数据的请求处理。
代码比较简单，对于有经验的人员来说可以掠过，初学者可以做一下参考之用。

代码如下:

[ jQuery ] 运行代码下载代码

<!DOCTYPE html>  
<html>  
<head>  
<meta charset=" utf-8">  
<meta name="author" content="http://www.51qianduan.com/" />  
<title>51前端</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>

代码描述：ajax和json 使用实例。ajax和json使用实例

下载全部收藏

156 208

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册