ajax的get json数据格式,jQuery / 用getJSON()方法加载JSON格式数据

加载JSON格式数据

jQuery的AJAX中使用getJSON()方法异步加载JSON格式数据。获取服务器中的数组，并对获取的数据进行解析，显示在页面中。

语法：$.getJSON(url,[data],[callback])

url参数为请求加载json格式文件的服务器地址，可选项data参数为请求时发送的数据，callback参数为数据请求成功后执行的函数。

示例如下：

代码实现

$(function(){

$("#btn").click(function(){//按钮单击事件

$.getJSON("/example/data/getJSON.json",function(data){

var str = "";//初始化保存内容变量

//遍历获取的数据

$.each(data,function(InfoIndex,info){

str += "姓名：" + info["name"] + "\n";

str += "格言：" + info["desc"] + "";

})

$("#div1").html(str);//显示处理后的数据

})

...省略代码

任务：把上面jQuery中的操作在代码框中重现。

ajax的get json数据格式,jQuery / 用getJSON()方法加载JSON格式数据 - 汇智网相关推荐

echarts asp mysql 源码_如何使用PHP+jQuery+MySQL实现异步加载ECharts地图数据(附源码下载)...
ECharts地图主要用于地理区域数据的可视化,展示不同区域的数据分布信息.ECharts官网提供了中国地图.世界地图等地图数据下载,通过js引入或异步加载json文件的形式调用地图. 本文将结合实例 ...
js中load载入html页面,使用jquery的load方法加载html页面，但是html引入的js不生效
Write By Monkeyfly 以下内容均为原创,如需转载请注明出处. 前提有一个公共的登录弹框页面需要在多个页面引用,百度后就使用了jQuery 的 load 方法. 做法: 将公共的 ht ...
hive表加载csv格式数据或者json格式数据
先说简单的使用 CREATE TABLE `cc_test_serde`( `id` string COMMENT 'from deserializer', `name` string COMMENT ...
jQuery使用getJSON方法获取json数据完整示例
本文实例讲述了jQuery使用getJSON方法获取json数据.分享给大家供大家参考,具体如下: demo.js: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 ...
ajax传输json数据格式乱码_解决Ajax加载JSon数据中文乱码问题
一.问题描述使用zTree的异步刷新父级菜单时,服务器返回中文乱码,但项目中使用了SpringMvc,已经对中文乱码处理,为什么还会出现呢? 此处为的异步请求的配置: Java代码 async: { ...
如何使用js(jQuery)加载json？
前期准备: 1.网站开发工具(这里以HBuilderX为例) 2.一台能开机的电脑一.ajax(XMLHttpRequest): // index.json文件{"data": ...
jQuery新版本加载json注意事项。
jQuery在1.4版本后,采用了更为严格的json解析方式,所以所有内容都必须要有双引号. 比如以前 {key:"28CATEGORY",status:"0″}是没问题 ...
ajax下拉加载下一页,jQuery滑动到底部加载下一页数据的实例代码
page_num =page_num+1 ; //页码自动增加,保证下次调用时为新的一页. $.ajax({ type: "get", url: rent_url, data: ' ...
EasyUI datagrid动态加载json数据
最近做一个项目,要求是两张张表可能查找出10多种不同的结果集. 如果想只用一个表格就把全部的结果不同的显示出来那么就肯定不同使用固定的字段名字,要通过动态加载后台返回来的数据把它显示出来就必须动态加载 ...

ajax的get json数据格式,jQuery / 用getJSON()方法加载JSON格式数据 - 汇智网

ajax的get json数据格式,jQuery / 用getJSON()方法加载JSON格式数据 - 汇智网相关推荐

最新文章

热门文章