<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jquery获取json数据演示页面</title>
<script type="text/javascript" src="js/jquery-1.2.1.pack.js"></script>
<script type="text/javascript">
function getData(){
$("#list").html("");//清空列表中的数据
//发送ajax请求
$.getJSON(
"jsondata.ashx",//产生JSON数据的服务端页面
{name:"test",age:20},//向服务器发出的查询字符串(此参数可选)
//对返回的JSON数据进行处理,本例以列表的形式呈现
function(json){
//循环取json中的数据,并呈现在列表中
$.each(json,function(i){
$("#list").append("<li>name:"+json[i].name+" Age:"+json[i].age+"</li>")
})
})
}
</script>
</head>
<body>
<input id="Button1" type="button" value="获取数据" onclick="getData()" />
<ul id="list"></ul>
</body>
</html>
分享到:
相关推荐
《jQuery-JSON使用详解》 在Web开发中,数据交换是不可或缺的一部分,JSON(JavaScript Object Notation)作为一种轻量级的数据交换格式,因其简洁、易读性而被广泛应用。jQuery库提供了一套方便的API来处理JSON...
在Java世界里,`json-lib-2.1.jar` 是一个用于处理JSON的库,它提供了一系列的方法来将Java对象转换为JSON格式,以及将JSON字符串反序列化回Java对象。这个库支持多种Java类型,包括基本类型、集合、Map、自定义Java...
项目中的“jquery-json-master”可能包含了以下内容: 1. **jQuery JSON插件源码**:这个插件提供了$.toJSON()和$.parseJSON()两个主要方法。$.toJSON()可以将JavaScript对象转换为JSON字符串,而$.parseJSON()则...
- `$.getJSON()`:专门用于获取JSON数据的函数。 7. **`.min.js`版本** 压缩后的`jquery-1.11.1.min.js`通过删除注释、合并变量、压缩代码等方式,显著减少了文件大小,提高了页面加载速度。然而,由于代码被高度...
- **Ajax**:`$.ajax()`, `$.get()`, `$.post()`, `getJSON()`等方法简化了与服务器的数据交互。 ### 5. 兼容性和性能提升 jQuery 3.x系列致力于提高对ES6及以后新特性的支持,并优化了性能。对于不再支持的旧...
本项目“前端项目-jquery-json-editor”是一个专门针对前端开发者设计的工具,利用jQuery库来帮助开发者轻松地编辑和展示JSON数据。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,广泛用于API交互...
《yesmeck-jquery-jsonview:让JSON数据一目了然》 在信息化时代,JSON(JavaScript Object Notation)作为一种轻量级的数据交换格式,被广泛应用于前后端数据交互。然而,原始的JSON数据通常以纯文本形式展示,...
例如,`$.get("data.json", function(data) {...})`能轻松获取JSON格式的数据,并在回调函数中处理返回的内容。 总的来说,jQuery 3.3.1以其高效、易用的特性,深受开发者喜爱。无论你是初学者还是经验丰富的开发者...
**jQuery 是一个广泛使用的 JavaScript 库,它极大地简化了 JavaScript 的 DOM 操作、事件处理、动画设计以及Ajax交互。在本篇文章中,我们将深入探讨 jQuery 的核心特性、优点以及如何在实际项目中应用这两个文件:...
标题“PHP-JQuery-Ajax-json”揭示了这个压缩包文件主要涉及的是Web开发中的核心技术,具体包括PHP、jQuery、Ajax以及JSON。这四个元素在构建动态、交互式的Web应用程序时起着至关重要的作用。 1. **PHP(Hypertext...
4. Ajax交互:`.ajax()`, `.getJSON()`, `.load()`等函数封装了异步请求,简化了与服务器的通信过程。 5. 插件生态:jQuery拥有丰富的插件生态系统,如jQuery UI、jQuery Validation等,为开发者提供了强大的扩展...
jquery.json-viewer, 用于显示JSON数据的jQuery插件 jQuery浏览器JSON浏览器是一个jQuery插件,它可以通过将JSON对象转化为HTML来轻松显示JSON对象。功能:语法高亮显示在单击时折叠和展开子节点可以点击链接易于...
4. **Ajax交互**:jQuery的`.ajax()`方法是进行异步数据交互的标准方式,它可以处理XMLHttpRequest的所有细节,如`$.ajax({url: "data.json", type: "GET", success: function(data) { ... }})`,用于从"data.json...
最后,jQuery-2.2.4.js版本中还包含了Ajax功能,$.ajax()是jQuery的中心异步请求函数,可以处理JSON、XML、HTML等多种数据格式。$.get()和$.post()则提供了简化的GET和POST请求,方便快捷。 另外,为了提高性能和...
最后,“package.json”是Node.js项目的配置文件,列出了项目的依赖和元数据,方便通过npm进行包管理。这里记录了jQuery-validation的版本、作者、许可证等信息,同时也方便其他开发者安装和更新此插件。 总结来说...
"jQuery-Plugin-For-Easily-Readable-JSON-Data-Viewer.zip" 是一个专门用于解决这个问题的jQuery插件。jQuery是一个流行的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax交互。这个插件利用jQuery...
jQuery的`$.ajax()`方法是进行异步数据请求的核心,它可以处理JSON、XML、HTML等多种格式的数据。还有`$.get()`, `$.post()`等简化版的API,使得Ajax请求更为便捷。 6. **链式操作(Chaining)** jQuery的一个...
jquery.json-viewer.js是一款查看json格式数据的jquery插件。它可以将混乱的json数据漂亮的方式展示在页面中,并支持节点的伸展和收缩和语法高亮等功能。
jquery.json-2.3.min.js和jquery.json-2.3.js jQuery为开发插件提拱了两个方法,分别是:jQuery.extend(object); 为扩展jQuery类本身 jQuery.fn.extend(object);给jQuery对象添加方法。
它支持GET、POST以及其他HTTP请求,同时还可以处理JSON、XML等多种数据格式。 二、jQuery-2.1.1.js版本的特点 1. **轻量级**: 相比早期版本,2.1.1版本更注重性能和代码瘦身,移除了对旧版IE(尤其是IE6、7)的...