您的位置：首页 > Web前端 > JavaScript

ajax简单获取json数据

2016-05-30 16:14 435 查看

代码：

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航