使用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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title> <script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript"> var DataSource = [
{"weekday":,"course":[
{"courseId":,"courseName":"语文","pointName":},
{"courseId":,"courseName":"英语","pointName":},
{"courseId":,"courseName":"数学","pointName":},
{"courseId":,"courseName":"自习","pointName":},
{"courseId":,"courseName":"语文","pointName":},
{"courseId":,"courseName":"英语","pointName":},
{"courseId":,"courseName":"数学","pointName":},
{"courseId":,"courseName":"自习","pointName":}
]},
{"weekday":,"course":[
{"courseId":,"courseName":"英语","pointName":},
{"courseId":,"courseName":"语文","pointName":},
{"courseId":,"courseName":"数学","pointName":},
{"courseId":,"courseName":"自习","pointName":},
{"courseId":-,"courseName":"不安排课程","pointName":},
{"courseId":,"courseName":"英语","pointName":},
{"courseId":,"courseName":"数学","pointName":},
{"courseId":,"courseName":"自习","pointName":}
]},
{"weekday":,"course":[
{"courseId":,"courseName":"数学","pointName":},
{"courseId":,"courseName":"英语","pointName":},
{"courseId":,"courseName":"数学","pointName":},
{"courseId":,"courseName":"自习","pointName":},
{"courseId":,"courseName":"语文","pointName":},
{"courseId":,"courseName":"英语","pointName":},
{"courseId":,"courseName":"数学","pointName":},
{"courseId":,"courseName":"自习","pointName":}
]},
{"weekday":,"course":[
{"courseId":,"courseName":"语文","pointName":},
{"courseId":,"courseName":"英语","pointName":},
{"courseId":,"courseName":"数学","pointName":},
{"courseId":,"courseName":"自习","pointName":},
{"courseId":,"courseName":"语文","pointName":},
{"courseId":,"courseName":"英语","pointName":},
{"courseId":,"courseName":"数学","pointName":},
{"courseId":,"courseName":"自习","pointName":}
]},
{"weekday":,"course":[
{"courseId":,"courseName":"语文","pointName":},
{"courseId":,"courseName":"英语","pointName":},
{"courseId":,"courseName":"数学","pointName":},
{"courseId":,"courseName":"自习","pointName":},
{"courseId":,"courseName":"语文","pointName":},
{"courseId":,"courseName":"英语","pointName":},
{"courseId":,"courseName":"数学","pointName":},
{"courseId":,"courseName":"自习","pointName":}
]},
{"weekday":,"course":[
{"courseId":,"courseName":"语文","pointName":},
{"courseId":,"courseName":"英语","pointName":},
{"courseId":,"courseName":"数学","pointName":},
{"courseId":,"courseName":"自习","pointName":},
{"courseId":,"courseName":"语文","pointName":},
{"courseId":,"courseName":"英语","pointName":},
{"courseId":,"courseName":"数学","pointName":},
{"courseId":,"courseName":"自习","pointName":}
]} ];
/**********************************************************************************************************************/
//查询周六第8节课
var v_weekday=;
var v_pointName=; $.each(DataSource,function(item)
{
if(DataSource[item].weekday==v_weekday)
{
$.each(DataSource[item].course,function(o)
{
if(DataSource[item].course[o].pointName==v_pointName)
{
console.log(DataSource[item].course[o]);
return;
}
});
return;
}
});
/**********************************************************************************************************************/
//添加周六第9节自习课程
var o = new Object();
o.courseId = ;
o.courseName ="自习";
o.pointName =; $.each(DataSource,function(item) {
if(DataSource[item].weekday==v_weekday)
{
DataSource[item].course.push(o);
return;
}
}); //输出添加完成的结果
console.log(DataSource);
/**********************************************************************************************************************/
//删除一条数据
$.each(DataSource,function(item)
{
if(DataSource[item].weekday==v_weekday)
{
for (var i = ; i < DataSource[item].course.length; i++)
{
var c = DataSource[item].course[i];
if (c.pointName == v_pointName)
{
DataSource[item].course.splice(i, );
}
}
return;
}
});
console.log(DataSource);
/**********************************************************************************************************************/
</script>
</head> <body> </body>
</html>
使用JQuery解析、处理JSON数据(应用在课程表)的更多相关文章
- 用JQuery解析获取JSON数据
JSON 是一种比较方便的数据形式,下面使用$.getJSON方法,实现获得JSON数据和解析,都挺方便简单的.从http://api.flickr.com/services/feeds/photos ...
- jquery ajax返回json数据进行前后台交互实例
jquery ajax返回json数据进行前后台交互实例 利用jquery中的ajax提交数据然后由网站后台来根据我们提交的数据返回json格式的数据,下面我来演示一个实例. 先我们看演示代码 代码如 ...
- jQuery异步获取json数据的2种方式
jQuery异步获取json数据有2种方式,一个是$.getJSON方法,一个是$.ajax方法.本篇体验使用这2种方式异步获取json数据,然后追加到页面. 在根目录下创建data.json文件: ...
- Gson解析复杂Json数据
背景 json是一种数据格式,便于数据传输.存储.交换. gson是 ...
- 解析天气预报JSON数据
解析天气预报JSON数据 JSON字符串 constjson2 = '{' + #13#10 +'"error":0,' + #13#10 +'"status" ...
- mormot解析天气预报JSON数据
mormot解析天气预报JSON数据 uses SynCommons; constjson2 = '{' + #13#10 +'"error":0,' + #13#10 +'&qu ...
- jQuery AJAX获取JSON数据解析多种方式示例
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- 使用ajax解析后台json数据时:Unexpected token o in JSON at position 1
json数据解析异常 今天在做json数据的时候,出现了如下错误,说是解析异常. VM1584:1 Uncaught SyntaxError: Unexpected token o in JSON a ...
- 模拟QQ侧滑控件 实现三种界面切换效果(知识点:回调机制,解析网络json数据,fragment用法等)。
需要用到的lib包 :解析json gson包,从网络地址解析json数据成String字符串的异步网络解析工具AsyncHttpClient等 下载地址:点击下载 Xlistview 下拉上拉第三 ...
- 解析网络json数据,模拟美团界面显示。
<?xml version="1.0" encoding="UTF-8"?> <RelativeLayout xmlns:android=&q ...
随机推荐
- linux tcpdump抓包,wireshark实时解析
转自: http://www.freebuf.com/articles/wireless/6517.html 由于CentOS7上yum安装的wireshark对CoAP的解析支持不太完善,而我w ...
- 201621044079 week07-JAVA GUI类
作业07-Java GUI编程 1. 本周学习总结 1.1 思维导图:Java图形界面总结 1.2 可选:使用常规方法总结其他上课内容. 2.书面作业 1. GUI中的事件处理 1.1 写出事件处理模 ...
- JAVA第八周课堂笔记
- DataGridView使用
DataGridView控件概述 DataGridView 控件代码目录(Windows 窗体) 未绑定数据列 定义:可能想要显示并非来自数据源的一列数据,这种列称为未绑定列. 数据格式示例 如何:设 ...
- 变量可以通过into赋值
- jQuery - AJAX get()和post()方法
jQuery get()和post()方法用于通过HTTP GET或POST请求从服务器请求数据. HTTP请求:GET VS POST 两种在客户端和服务器端进行请求-响应的常用方法是:GET和PO ...
- 【题解】ZJOI2017仙人掌
感觉这题很厉害啊,虽然想了一天多但还是失败了……(:д:) 这题首先注意到给定图中如果存在环其实对于答案是没有影响的.然后关键之处就在于两个 \(dp\) 数组,其中 \(f[u]\) 表示以 \(u ...
- POJ3623 Best Cow Line, Gold 【后缀数组】
最好的牛线,金 时间限制: 5000MS 内存限制: 65536K 提交总数: 5917 接受: 2048 描述 FJ即将把他的ñ(1≤ ñ ≤30,000)头牛竞争一年一度的"年度 ...
- HDOJ.2064 汉诺塔III
汉诺塔III Time Limit: 1000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others) Total Submis ...
- JAVA List 一边遍历一边删除元素
JAVA List 一边遍历一边删除元素,报java.util.ConcurrentModificationException异常 2015年02月10日 14:42:49 zhanzkw 阅读数:3 ...