站长网(Downzz.com)
站长网(Downzz.com)
当前位置:首页 > 站长教程 > 建站经验 > JS教程
jQuery的ajax和json使用实例_JS实例
时间:2019-10-28 02:59:40 围观:576 来源:Downzz
本章节分享一段代码实例,是jQuery封装的ajax对JSON数据的请求处理。

代码比较简单,对于有经验的人员来说可以掠过,初学者可以做一下参考之用。

代码如下:

<!DOCTYPE html>  
<html>  
<head>  
<meta charset=" utf-8">  
<meta name="author" content="http://www.downzz.com/" />  
<title>Downzz.com</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数据请求和处理的效果,代码比较简单这里就不多介绍了。

文章为作者独立观点不代表本网立场,未经允许不得转载。