ajax简单获取json数据

原创 2016年05月30日 16:14:31

代码:

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



$.ajax()方法从服务器获取json数据几种方式详解

对$.ajax()方法从服务器获取json数据的几种方式进行详解
  • Sun9528
  • Sun9528
  • 2017年06月10日 10:45
  • 9547

AJAX 跨域请求 - JSONP获取JSON数据

原文http://justcoding.iteye.com/blog/1366102  Asynchronous JavaScript and XML (Ajax ) 是驱动新一代 We...
  • fly_to_north
  • fly_to_north
  • 2015年04月01日 14:17
  • 1884

jQuery AJAX获取JSON数据解析多种方式示例

本文出自:http://blog.csdn.net/haiqiao_2010/article/details/12653555
  • zhoucheng05_13
  • zhoucheng05_13
  • 2016年12月13日 15:12
  • 16002

Ajax 异步或取后台数据json显示到页面

今天心情很好,终于写出来了用Ajax异步获取数据,不刷新页面。         后台方法:         @RequestMapping("/uspaces.html" ) public vo...
  • u013227081
  • u013227081
  • 2014年12月10日 16:54
  • 3441

AngularJS学习笔记(3)——通过Ajax获取JSON数据

通过Ajax获取JSON数据以我之前写的与用户交互的动态清单列表为例,现在把模型model内的items中的值单独写成一个JSON文件,再通过发起Ajax请求的方式获取JSON数据。这样,清单列表中的...
  • qq_33548747
  • qq_33548747
  • 2017年07月16日 13:44
  • 1025

jquery通过ajax方式获取json数据和解析

jquery通过ajax方式获取json数据和解析
  • actionzh
  • actionzh
  • 2017年07月28日 17:50
  • 515

Jquery 使用Ajax获取后台返回的Json数据后,页面处理

$(function () { $.ajax({ url: 'jsondata.ashx', type: 'GET', ...
  • smartsmile2012
  • smartsmile2012
  • 2013年12月09日 11:38
  • 240158

【B/S】AJAX读取Json数组里面的数据

一、前言      前些日子做项目,自己发现自己不太会使用AJAX,然后就下苦工学习这方面的知识,重新拿起来。下面给大家分享一下,如何使用ajax读取Json中的数据。二、基础知识什么是json? J...
  • kisscatforever
  • kisscatforever
  • 2016年04月25日 11:32
  • 1215

ajax获取json数据然后将其装载到jqgrid实现

1. 通过ajax同步获取json数据 2. 本地装载jqgrid数据 $("#grid").jqGrid({ datatype: "local",        ...
  • qiu265843468
  • qiu265843468
  • 2017年10月19日 11:43
  • 632

Highcharts ajax获取json对象动态生成报表生成 .

http://blog.csdn.net/wsk7860/article/details/8751061
  • Baple
  • Baple
  • 2014年11月11日 16:23
  • 13836
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ajax简单获取json数据
举报原因:
原因补充:

(最多只允许输入30个字)