今天我们就用json实现这个小demo;
上一节我们讲解了,Ajax从后台获取,单条数据,大家可能一目了然。实际开发中我们会遇到需要很多的数据需要获取,比如最简单的,前台想要获取,用户名和用户年龄等信息,这时候我们获取出来一大坨,很不好维护,那么这个时候就需要一种可视化的技术,来有条理有格式,结构化的进行输送数据。今天就给大家讲解一下,一直很受欢迎的,json数据格式。
今天这节我就先从四个方面给大家讲解。
【1】Json 引入
【2】Json 格式语法
【3】Json 第三方 jar 包引入
【4】Ajax&Json 交互简单实例
1:Json引入;
ON:
JavaScript 对象表示法(JavaScript Object Notation)。
ON 是【存储】【交换】文本信息的语法。类似 XML。
ON 比 XML 更小、更快,更易解析。存储数据以key,value键值对的形式存在。
2:Json 格式语法;
ON 对象
{ "name":"小码农" , "age":21}
ON 数组
{
"student": [
{ "name":"头" , "age":22 },
{ "name":"条" , "age":23 },
{ "name":"号" , "age":24 }
]
}
ON 嵌套
{
"student": [
{ "name":"张三" , "age":22 ,"score":{"chinese":90,"math":100,"english":80} },
{ "name":"李四" , "age":23 ,"score":{"chinese":70,"math":90, "english":90} },
{ "name":"王五" , "age":24 ,"score":{"chinese":80,"math":60, "english":90} }
]
}
把 Json 串换成 Json 对象
var dataObj=eval("("+data+")");//转换为 json 对象//eval这个函数之前讲过,就是执行的意思。
Ajax&Json 交互简单实例;
举例:从后台把名字,年龄,以及得分,用json格式,返回到前台。要实现点击按钮,数据获取。
分三步走:
1-导入json所需要的jar包-(可以直接去度娘下载,嫌麻烦的话直接管我要)。
2-从前往后写代码,前台代码:先写个获取参数的 ,定义好行和列;
2-1:在具体实现实现此 ;
3:后台web.xml配置;
4:后台代码实现;
最后我们部署运行:取出来的json数据就是下面这样;
“效果有点low比,不要紧,重点让大家学会,先学会写鱼,再去琢磨写鳞。今天就这么多,明天继续”。
能看明白的就关注,后续带大家做项目。我怕你想学时候找不到我。