- 1、本文档共8页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
基于jquery-aax的json基于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{
您可能关注的文档
最近下载
- “产业襄阳”发展战略规划.doc VIP
- 2013款东风雪铁龙C5_汽车使用手册用户操作图解驾驶指南车主车辆说明书电子版.pdf
- 运动营养学(第三版)课件全套 第1--10章 运动营养学基础、 健身运动的合理膳食营养---运动.pptx
- 《门诊院感》课件.pptx VIP
- 2024-2025学年上海市奉贤区高三上学期高考一模物理试卷含详解.docx
- DB45_T618-2009:建筑施工模板及作业平台钢管支架构造安全技术规范.pdf VIP
- 2023年河北省衡水中学自主招生数学模拟试卷及答案解析.pdf
- 2024驾校学员管理制度 .pdf VIP
- 2024年四川省中考语文试卷十六套合卷含答案.pptx VIP
- 程家惠《洋话汉音》(升级版).doc
文档评论(0)