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



版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

JSON 在Ajax数据交换中的简单运用

这篇文章是从网络上摘的,感觉乱乱的,就整理了下。写的时候,也遇到了些问题,就是 prototype.js和json.js的冲突. 关于冲突,请参考我的另一个博文prototype.js 和json.j...

HTML文件、PHP文件、JSON文件之间通过AJAX编程简单传递数据

JSON是一种数据格式,不属于任何语言,因而它可在不同语言之间进行传递,但是JSON有简单值、对象、数组三种类型的值,而每个语言对对象和数组的表示语法都不相同,那如何实现JSON中的数据在不同语言之间...

使用注解springmvc配合jsp/ajax/json,实现简单的jsp遍历后台数据

要实现的预览:

jquery的ajax和getJson跨域获取json数据

很多开发人员在使用jquery在前端和服务器端进行数据交互,所以很容易会认为在前端利用jquery就可以读取任何站点的数据了。近日在进行开发时,因为要和第三方公司的一个项目进行数据的共享,因为考虑多不...

IE9.0或者360下js(JavaScript、jQuery)不能正确执行(加载),按F12后执行正常;Firefox下ajax的success返回数据data(json、string)无法获取

兼容问题1: 页面的分享等插件加载不全,并无法点击。 兼容问题2: IE下页面选择器(#id、.class.etc.)绑定click事件无法访问到,后台springmvc方法,也无法...

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

Asynchronous JavaScript and XML (Ajax) 是驱动新一代 Web 站点(流行术语为 Web 2.0 站点)的关键技术。Ajax 允许在不干扰 Web 应用程序的显示和...

AJAX 跨域请求 - JSONP获取JSON数据(PHP版)

Asynchronous JavaScript and XML (Ajax ) 是驱动新一代 Web 站点(流行术语为 Web 2.0站点)的关键技术。Ajax 允许在不干扰 Web应用程序 的显示...

使用原生JavaScriptAjax以及jQuery的Ajax结合SpringMVC发送和获取json数据

一.原生Ajax 1.在WEB-INF/lib目录中加入spring和json与Jackson的jar文件,json与Jackson的jar文件如下: 2.配置web.xml文件:...
  • HLoach
  • HLoach
  • 2017-03-27 10:37
  • 1200

jquery Ajax 方法返回数据的获取,包括JSON,XML,TXT

JQuery提供了一系列的全局方法对XMLHttpRequest对象进行了封装,在进行Ajax开发过程中再也不用担心浏览器客户端的不致性问题了。 一、$.ajax(options) 它是最根本...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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