`
yaoweinan
  • 浏览: 138549 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

Jquery----json

阅读更多
<!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使用

    《jQuery-JSON使用详解》 在Web开发中,数据交换是不可或缺的一部分,JSON(JavaScript Object Notation)作为一种轻量级的数据交换格式,因其简洁、易读性而被广泛应用。jQuery库提供了一套方便的API来处理JSON...

    json-lib-2.1.jar和struts2-json-plugin-2.1.8.1.jar

    在Java世界里,`json-lib-2.1.jar` 是一个用于处理JSON的库,它提供了一系列的方法来将Java对象转换为JSON格式,以及将JSON字符串反序列化回Java对象。这个库支持多种Java类型,包括基本类型、集合、Map、自定义Java...

    前端项目-jquery-json.zip

    项目中的“jquery-json-master”可能包含了以下内容: 1. **jQuery JSON插件源码**:这个插件提供了$.toJSON()和$.parseJSON()两个主要方法。$.toJSON()可以将JavaScript对象转换为JSON字符串,而$.parseJSON()则...

    jquery-1.11.1.js 、jquery-1.11.1.min.js 【官方jquery包 js】

    - `$.getJSON()`:专门用于获取JSON数据的函数。 7. **`.min.js`版本** 压缩后的`jquery-1.11.1.min.js`通过删除注释、合并变量、压缩代码等方式,显著减少了文件大小,提高了页面加载速度。然而,由于代码被高度...

    最新版JQuery-jquery-3.2.1.min.js

    - **Ajax**:`$.ajax()`, `$.get()`, `$.post()`, `getJSON()`等方法简化了与服务器的数据交互。 ### 5. 兼容性和性能提升 jQuery 3.x系列致力于提高对ES6及以后新特性的支持,并优化了性能。对于不再支持的旧...

    前端项目-jquery-json-editor.zip

    本项目“前端项目-jquery-json-editor”是一个专门针对前端开发者设计的工具,利用jQuery库来帮助开发者轻松地编辑和展示JSON数据。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,广泛用于API交互...

    yesmeck-jquery-jsonview-v1.2.3-14-g01b1eb8.zip

    《yesmeck-jquery-jsonview:让JSON数据一目了然》 在信息化时代,JSON(JavaScript Object Notation)作为一种轻量级的数据交换格式,被广泛应用于前后端数据交互。然而,原始的JSON数据通常以纯文本形式展示,...

    jquery-3.3.1.js和jquery-3.3.1.min.js.zip

    例如,`$.get("data.json", function(data) {...})`能轻松获取JSON格式的数据,并在回调函数中处理返回的内容。 总的来说,jQuery 3.3.1以其高效、易用的特性,深受开发者喜爱。无论你是初学者还是经验丰富的开发者...

    jquery-3.2.0.js,jquery-3.2.0.min.js

    **jQuery 是一个广泛使用的 JavaScript 库,它极大地简化了 JavaScript 的 DOM 操作、事件处理、动画设计以及Ajax交互。在本篇文章中,我们将深入探讨 jQuery 的核心特性、优点以及如何在实际项目中应用这两个文件:...

    PHP-JQuery-Ajax-json

    标题“PHP-JQuery-Ajax-json”揭示了这个压缩包文件主要涉及的是Web开发中的核心技术,具体包括PHP、jQuery、Ajax以及JSON。这四个元素在构建动态、交互式的Web应用程序时起着至关重要的作用。 1. **PHP(Hypertext...

    jquery-3.0.0.js 、jquery-3.0.0.min.js 【官方jquery包 js】

    4. Ajax交互:`.ajax()`, `.getJSON()`, `.load()`等函数封装了异步请求,简化了与服务器的通信过程。 5. 插件生态:jQuery拥有丰富的插件生态系统,如jQuery UI、jQuery Validation等,为开发者提供了强大的扩展...

    jquery.json-viewer, 用于显示JSON数据的jQuery插件.zip

    jquery.json-viewer, 用于显示JSON数据的jQuery插件 jQuery浏览器JSON浏览器是一个jQuery插件,它可以通过将JSON对象转化为HTML来轻松显示JSON对象。功能:语法高亮显示在单击时折叠和展开子节点可以点击链接易于...

    jquery-1.12.4-jquery.min.js.zip

    4. **Ajax交互**:jQuery的`.ajax()`方法是进行异步数据交互的标准方式,它可以处理XMLHttpRequest的所有细节,如`$.ajax({url: "data.json", type: "GET", success: function(data) { ... }})`,用于从"data.json...

    jQuery-2.2.4.js

    最后,jQuery-2.2.4.js版本中还包含了Ajax功能,$.ajax()是jQuery的中心异步请求函数,可以处理JSON、XML、HTML等多种数据格式。$.get()和$.post()则提供了简化的GET和POST请求,方便快捷。 另外,为了提高性能和...

    jquery-validation-1.19.1.zip

    最后,“package.json”是Node.js项目的配置文件,列出了项目的依赖和元数据,方便通过npm进行包管理。这里记录了jQuery-validation的版本、作者、许可证等信息,同时也方便其他开发者安装和更新此插件。 总结来说...

    jQuery-Plugin-For-Easily-Readable-JSON-Data-Viewer.zip

    "jQuery-Plugin-For-Easily-Readable-JSON-Data-Viewer.zip" 是一个专门用于解决这个问题的jQuery插件。jQuery是一个流行的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax交互。这个插件利用jQuery...

    jquery-1.11.3.js 、jquery-1.11.3.min.js 【官方jquery包 js】

    jQuery的`$.ajax()`方法是进行异步数据请求的核心,它可以处理JSON、XML、HTML等多种格式的数据。还有`$.get()`, `$.post()`等简化版的API,使得Ajax请求更为便捷。 6. **链式操作(Chaining)** jQuery的一个...

    jquery.json-viewer.js

    jquery.json-viewer.js是一款查看json格式数据的jquery插件。它可以将混乱的json数据漂亮的方式展示在页面中,并支持节点的伸展和收缩和语法高亮等功能。

    jquery.json-2.3.min.js和jquery.json-2.3.js

    jquery.json-2.3.min.js和jquery.json-2.3.js jQuery为开发插件提拱了两个方法,分别是:jQuery.extend(object); 为扩展jQuery类本身 jQuery.fn.extend(object);给jQuery对象添加方法。

    JQuery最新js包(jquery-2.1.1.js)

    它支持GET、POST以及其他HTTP请求,同时还可以处理JSON、XML等多种数据格式。 二、jQuery-2.1.1.js版本的特点 1. **轻量级**: 相比早期版本,2.1.1版本更注重性能和代码瘦身,移除了对旧版IE(尤其是IE6、7)的...

Global site tag (gtag.js) - Google Analytics