Js循环读取JSON数据
<script>
$(function () {
var jsonString = '{Unid:"1",CustomerName:"宋江",Age:"33"}';
var jsonString2 = '[{"uname":"王强","day":"2010/06/17"},{"uname":"王海云","day":"2010/06/11"}]';
var jsonObject = eval('(' + jsonString + ')');
var josn = eval('(' + jsonString2 + ')'); // 方法一: // var tt = '';
// $.each(jsonObject, function (k, v) {
// tt += k + ":" + v + "<br/>";
// }); // //方法二: // var tt = '';
// for (var k in jsonObject) {
// var v = jsonObject[k];
// if (typeof (v) != "object") {
// tt += k + ":" + v + "<br/>";
// }
// } // // 方法一:适应于jsonString2 // var tt = '';
// for (var i = 0; i < josn.length; i++) {
// for (var key in josn[i]) {
// tt += key + ":" + josn[i][key] + "<br/>"; // }
// } // 方法二:适应于jsonString2 // var tt = '';
// $.each(josn, function (k, v) { //K表示索引 ["uname"]和 .uname 这两种形式都可以
// tt += josn[k]["uname"]+josn[k].day +'<br>';
// });
// 方法二:适应于jsonString2
// var tt = ''; //
$.each(josn, function (k, v) { //K表示索引 v就表示每个索引的值 //
tt += v["uname"]+v.day +'<br>'; //
});
// 方法二:适应于jsonString2 // var tt = '';
// $.each(josn, function (i) { //同下 ( i 表示索引,同上面的 K )
// tt += josn[i].uname + "<br>";
// }); // 方法三:适应于jsonString2 // var tt = '';
// $(josn).each(function (i) {
// tt += josn[i].uname+':'+ josn[i].day +"<br>";
// }); // //方法四: // var tt = '';
// for (var key in jsonObject) {
// tt += key + ":" + jsonObject[key] + "<br/>";
// }
$("#divmessage").html(tt);
}) </script>
这样我们就可以轻松的获取我所需要的key值和value值了
----------------------------------------
each()
$("button").click(function(){
$("div").each(function(index,domEle){
$(domEle).css("backgroundColor","wheat");
if($(this).is("#stop")){
$("span").text("在div块为#"+index+"的地方停止。");
return false;
}
});
或者这么写:
$("button").click(function(){
$("div").each(function(index){
$(this).css("backgroundColor","wheat");
if($(this).is("#stop")){
$("span").text("在div块为#"+index+"的地方停止。");
return false;
}
});
============
//第一种 ajax获取json数据
$.ajax({
type: 'post',
dataType: 'json',
url: "/benyer.ashx",
success: function (data) {
$.each(data, function (i, item) {
alert("ajax-json[i].ID" + data[i].ID);
alert("ajax-item[ID]" + item["ID"]);
});
},
error: function (data) {
alert("error" + data);
}
});
//第二种 getJSON获取json数据
// $.getJSON ("/benyer.ashx",function(json){
// alert(json);
// $.each(json,function(i,item){
// alert("json[i].ID"+json[i].ID);
// alert("item[ID]"+item["ID"]);
// })
// });
var arr1 = [ "one", "two", "three", "four", "five" ];
2 $.each(arr1, function(){
3 alert(this);
4 });
5 输出:one two three four five
6 var arr2 = [[1, 2, 3], [4, 5, 6], [7, 8, 9]]
7 $.each(arr2, function(i, item){
8 alert(item[0]);
9 });
10 输出:1 4 7
11 var obj = { one:1, two:2, three:3, four:4, five:5 };
12 $.each(obj, function(key, val) {
13 alert(obj[key]);
14 });
15 输出:1 2 3 4 5 Js代码 1. //json格式
2. var param = [{'subJobClass':'com.sample.quartz.MyJob','subJobMethod':'hello','taskParam':[{'username':'张三'},{'age':'28'},{'tel':'15818821129'}]}];
3.
4. //设置参数值
5. if(param.length>0){
6.
7.
8. alert(param[0].subJobClass);
9. alert(param[0].subJobMethod);
10.
11. var taskParam = param[0].taskParam ;
12.
13. //遍历任务参数数组
14. jQuery.each(taskParam,function(i, item){
15.
16. //解析单个任务参数
17. jQuery.each(item ,function(key){
18. alert(key);//key
19. alert(item[key]);//value
20.
21. });
22.
23. });
24. }
Js循环读取JSON数据的更多相关文章
- js循环读取json数据,将读取到的数据用js写成表格
①js循环读取json数据的方式: var data=[{"uid":"2688","uname":"*江苏省南菁高级中学 022 ...
- JS 循环遍历JSON数据 分类: JS技术 JS JQuery 2010-12-01 13:56 43646人阅读 评论(5) 收藏 举报 jsonc JSON数据如:{"options":"[{
JS 循环遍历JSON数据 分类: JS技术 JS JQuery2010-12-01 13:56 43646人阅读 评论(5) 收藏 举报 jsonc JSON数据如:{"options&q ...
- JS 循环遍历JSON数据
JSON数据如:{"options":"[{/"text/":/"王家湾/",/"value/":/" ...
- JS循环遍历JSON数据的方法
JSON数据如:{"options":"[{/"text/":/"王家湾/",/"value/":/" ...
- js循环便利json数据
var data=[{name:"a",age:12},{name:"b",age:11},{name:"c",age:13},{name: ...
- js中读取json数据
1.JSON字符串转为JSON对象 var obj = eval('('+data+')');① var obj = data.praseJSON();② var obj = JSON.prase(d ...
- 在MVC中动态读取JSON数据创建表格
//使用getJSON // ("@Url.Action("GetAllUsers","User")" ,json文件的路径.也可以是 /M ...
- js读取json数据(php传值给js)
<?php $array =array('fds','fdsa','fdsafasd'); // json_encode($array); ?> <html> <hea ...
- js进阶ajax读取json数据(ajax读取json和读取普通文本,和获取服务器返回数据(链接)都是一样的,在url处放上json文件的地址即可)
js进阶ajax读取json数据(ajax读取json和读取普通文本,和获取服务器返回数据(链接)都是一样的,在url处放上json文件的地址即可) 一.总结 ajax读取json和读取普通文本,和获 ...
随机推荐
- 安装 Visual Studio Web Tools 的奇怪问题
安装Microsoft ASP.NET 5 RC 1 时提示 0x80070005 - 拒绝访问 日志文件为 [1968:3F64][2015-11-20T10:08:36]i010: Launchi ...
- ARM嵌入式开发板
iTOP-4412 ARM嵌入式开发板----主要特点 iTOP-4412开发平台是北京迅为电子研发设计的嵌入式开发板平台,核心板配备64位双通道2GB DDR3,16GBEMMC存储,三星原厂S5M ...
- Neutron 理解 (7): Neutron 是如何实现负载均衡器虚拟化的 [LBaaS V1 in Juno]
学习 Neutron 系列文章: (1)Neutron 所实现的虚拟化网络 (2)Neutron OpenvSwitch + VLAN 虚拟网络 (3)Neutron OpenvSwitch + GR ...
- pacemaker+corosync/heartbeat对比及资源代理RA脚本
一.Pacemaker概念 (1)Pacemaker(心脏起搏器),是一个高可用的群集资源管理器.它实现最大可用性资源管理的节点和资源级故障检测和恢复,通过使用首选集群基础设施(Corosync或He ...
- 【原】如何改变表单元素的外观(for Webkit and IE10)
表单元素在网页设计中使用的非常频繁,如文本输入框.单选框.复选框.选择列表.上传文件,它们在浏览器中的展现有自带的外观,为了在视觉上取得更好的产品体验,保持客户端的统一,通常产品经理会提出需要改变它的 ...
- 【原】迎接微信winphone 5.0 版本的IE10样式兼容
微信 Android 5.1 和 iPhone 5.1 已正式发布了,据说本12月底,微信将推出 Winphone 5.0版本,全面支持微信支付,它绑定 IE10 浏览器,那么做微信公众号的 H5 页 ...
- 最新版CentOS6.5上安装部署ASP.NET MVC4和WebApi
最新版CentOS6.5上安装部署ASP.NET MVC4和WebApi 使用Jexus5.8.1独立版 http://www.linuxdot.net/ ps:该“独立版”支持64位的CentOS ...
- Android开发自学笔记(Android Studio)—4.界面编程与View组件简单介绍
一.引言 Android应用开发最重要的一份内容就是界面的开发,无论你程序包含的内容多么优秀,如若没有一个良好的用户交互界面,最终也只是会被用户所遗弃.Android SDK提供了大量功能丰富的UI组 ...
- SQLite剖析之设计与概念
1.API 由两部分组成: 核心API(core API)和扩展API(extension API). 核心API的函数实现基本的数据库操作:连接数据库.处理SQL.遍历结果集.它也包括一些实用函数, ...
- RecyclerView的使用(三)
上个小结中介绍了如何使用RecyclerView显示不同的数据展示样式(瀑布流也是可以显示的,从GridView改就好) 本节来为RecyclerView的item添加监听事件. RecyclerVi ...