- 3
- 0
- 约4.94千字
- 约 8页
- 2016-04-13 发布于浙江
- 举报
基于jquery-ajax的json
首先说下,这个问题弄了我两天,再次抱怨下中国网络上面找点技术真不容易,太杂,太乱。只能自己再总结总结。在这儿我也会把源代码分享给大家
多话不说直接说案例:
在说json之前我先说下,如果前台需要传一个或者两个参数到后台去,然后后台又返回一个到两个等不多的参数到前台来,当两边参数不多的情况下,我建议不要用json,那样返而繁琐了,直接用jquery ajax 或者ajax直接在url后台跟参数,后台接收就行,然后返回的时候就返回一个串,只不这该串用了自己的处理方法,通常就是拼接例如:周杰伦@林俊杰@....;传到前台直接用js来spilt下就行。
我下面说的两个案例分别是前后台都需要json来互相传值,因为参数比较多,有20多个,并且有的参数还是一个数组
案例1:JQuery+ajax+json
点击第一个按扭把JSON传到后台
从后台取到JSON,并拿到值tom
JSP页面:我只写js内容
function login(){
var url = login.action;
var params = [{logName:peiliang,password:1ab,age:22}];
$.ajax({
type: post,
url: url,
dataType : json,
data : {params:JSON.stringify(params)},
success: function(data,textStatus){
alert(data);
//var d=[{age:22,logName:tom,password:1ab}];
var user = eval(data);
$(#result).each(function(){
alert(name);
$(this).html(welcome , +user.logName);
});
},
error: function(xhr,status,errMsg){
alert(操作失败!);
}
});
}
解释1:params:这个参数是需要自己拼接的,拼接也是有规律的,我在下面就找了网上的一段话介绍下:说白了可以理解为model里面有属性,属性也可以是一个model,然后model里面又可以有属性;也就是1维数组,2维数组的概念。
一、JSON的一些基础知识。
JSON中对象通过“{}”来标识,一个“{}”代表一个对象,如{“AreaId”:”123”},对象的值是键值对的形式(key:value)。
?“[]”,标识数组,数组内部各个数据之间通过“,”分割,如[“AreaId”:”123”,”AreaId”:”345”]。
很多情况下是对象数组,那就是这样:
?代码如下 复制代码 [{“AreaId”:”123”},{“AreaId”:”345”}] ?其实数组也是一个对象,上面的格式也可以写成这样:
?代码如下 复制代码 {“Area”:[{“AreaId”:”123”},{“AreaId”:”345”}]} 这表示一个Area对象,他有两个子数据,每个子数据也是一个对象,每个子对象都是AreaId。
?JSON中字符串和字符的定义格式和一般的类C语言定义是类似的,双引号定义字符串,单引号定义字符。
JSON的键(Key)用双引号括起来,比如上面的“Area“和”AreaId“,都是用双引号括起来的,在一些语言中构造JSON字符串的时候,可以使用转义字符转义双引号。
解释2:这个地方用到了JSON.stringify(params)
,就是把我们拼接的串转化成JSON对象,这个时候需要引入json2.js文件。
script type=text/javascript src=js/json2.js/script
解释3:eval(data) 因为前后台交换只能通过串来,所以这个地方的data就是后台传过来json的串,在这儿我们把它转化成JSON对象,方便取里面的值,下面的user就是我后台的model名
Struts2.xml 配置不多说
action name=login class=com.ajax.json.action.UserAction method=login /action
Action代码:都有解释也不多说
public String login() throws IOException{
Str
您可能关注的文档
最近下载
- 福彩3D历史数据EXCEL自动更新.pptx VIP
- CQVL系列电动推杆.pdf VIP
- 线控器 使用安装说明书 适用型号:KJR-90WBK.pdf VIP
- 基于PLC的自动化仓储控制系统的设计.doc VIP
- 电动推杆市场分析报告.docx
- 深度解析(2026)《QCT 79.1-2008道路车辆 牵引车和挂车之间气制动连接用螺旋管总成 第1部分:尺寸》.pptx VIP
- 中小学生端午节假期安全教育主题班会PPT课件.pptx VIP
- 机器人等级考试三四级资料-第01课:初识Mixly和Fduino UNO.pptx VIP
- FULING富凌H200空压机中文说明书说明书用户手册.pdf
- Praat语音软件操作手册.docx VIP
原创力文档

文档评论(0)