关闭

ajax简单获取json数据

73人阅读 评论(0) 收藏 举报

代码:

json.html

{"code":0,"data":"boy"}

Untitled-1.html

<!DOCTYPE html>


<html>


<head>


<meta charset="utf-8" />


<title>用户注册</title>




<script src="jquery.min.js"></script>


<script type="text/javascript">
$(function(){
$('#showPage').click(function(){
$.ajax({
  url:"json.html",
  dataType:"json",
  type:"get",
  beforeSend: function(){
  $('#showPage').attr('dis','1');
  },
  success: function(result){
  if(result.code==0){
  alert('男孩子');
  }
  $('#showArea').html(result.data);
  },
  complete:function(){
$('#showPage').removeAttr('dis');
  },

});


});

});


</script>


</head>


<body>
<div id="showArea" class="showDiv" style="width:300px;height:300px;background-color:#cccccc;"></div>
<P><a id="showPage" href="javascript:void(0);">读取json页面</a></P>




</body>


</html>

结果:

json.html


Untitled-1.html



0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:31233次
    • 积分:1778
    • 等级:
    • 排名:千里之外
    • 原创:147篇
    • 转载:26篇
    • 译文:3篇
    • 评论:5条
    最新评论