300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > jquery ajax 向后台传递数组参数示例

jquery ajax 向后台传递数组参数示例

时间:2022-04-05 13:03:36

相关推荐

jquery ajax 向后台传递数组参数示例

web前端|js教程

jquery ajax 传递数组

web前端-js教程

需求:

在JS中向后台传递数组参数

pptv网站源码下载,vscode打出css模板,ubuntu10.4,tomcat测试页面空白,sqlite3时间格式,爬虫里面第二个点击代码怎么写,php程序实例,南平网络推广seo优化,派出所 网站 程序,网页模板到底是什么东西lzw

分析:

JS中的数组是弱类型的可以放任何类型(对象、基本类型),但是如果数组中放的是对象类型,传递到后台是显示的只能是对象字符串–[object Object],原因如下:

在后台接收的时候,只能用request来接收,request.getParameterValues()方法返回的是一个String[],所以,应该是在前台传输的时候调用了对象的toString()方法,那么如果依然想传递对象怎么办?凉拌!

但是可以使用JSON字符串来实现,在后台把JSON字符串解析成JAVA对象。

微擎更新了怎么用源码,ubuntu显卡无法启动,tomcat猫砂盆配件,爬虫相关图片,php聚合api使用,宿豫区seo关键词优化价格lzw

也许,你要说如果是复合对象怎么办,比如如下:

最新考试系统源码,vscode年度排行榜,ubuntu 开机黑屏,tomcat连接池连接数,sdk sqlite,免费茶叶网页设计,phpcms链接dede数据库,服务器在哪里买好,flat icon插件,前端最强框架,爬虫总断,php随机生成字符串,合肥seo招聘,springboot分库表,横式导航条制作 需使用ul li标签,bootstrap 博客网站,精易模块 网页点击,bootstrap tab 模板,tab后台管理系统模版,jq导航页面模板,合同管理系统vbdemo,仪器类行业网源码程序lzw

public class Person { private String username; private String password; private Address addr; }

Person对象里有个Address类型的addr属性,没关系,任何对象最终用到的属性值都是基本数据类型,只需要使用对应的包装类型parseInt、或者parseXXX解析即可。

实现:

OK,原理就是这么个。先看JS如何写:

var as = []; var temp = []; for ( var int = 0; int < 5; int++) { temp.push({"k":); temp.push(int); temp.push(,"v":); temp.push(int); temp.push(}); as.push(temp.join("")); } //Jquery中的方法,具体参考Jquery API $.post( "servlet/AjaxServlet?m=putWarningRule",{"aa":as} );

最终拼成的串就是如下样式,(只作举例)

{"k":0,"v":0}

后台接收,不讨论任何框架,只需要HttpServletRequest即可

String[] jsonArr = request.getParameterValues("aa[]");

有一点需要注意,在js中传参的时候参数名叫”aa”,而在后台接收的时候却是”aa[]”,这里应该是Jquery做了转换,所以最好的方式就是在JS中就改为”aa[]”,之所以这里没有写”[]”是为了说明问题。可以使用如下方式打印request中的所有参数

Enumeration names = request.getParameterNames(); while (names.hasMoreElements()) { String string = (String) names.nextElement(); System.out.println(string); }

OK,至此为止,已经接收完毕,剩下的就是如何将一个JSON字符串转成一个POJO了。我使用jsontools-core-1.7.jar,此jar包依赖antlr-2.7.7.jar,自行到代码库中下载,下载完毕,导入classpath,写一个简单的工具类,主要有这么2个方法:

/** * 将对象转换为JSON格式的字符串 * @param obj * @return 返回JSON字符串 */ public static String toJSONAsString(Object obj){ try { return JSONMapper.toJSON(obj).render(false); } catch (MapperException e) { e.printStackTrace(); } return null; } @SuppressWarnings("unchecked") public static T jsonToObject(String jsonStr, Class targetClass) throws TokenStreamException, RecognitionException, MapperException{ JSONValue jv = new JSONParser(new StringReader(jsonStr)).nextValue(); return (T) JSONMapper.toJava(jv,targetClass); } //test public static void main(String[] args) throws Exception { Person p = new Person(); p.setK("a"); p.setV("v"); String json = toJSONAsString(p); Person np = jsonToObject(json,Person.class); System.out.println(np.getK()+"=="+np.getV()); }

request取到值后,遍历数组,挨个转换

Person p = JSONUtils.jsonToObject(jsonArr[0], Person.class);

Person类如下:

public class Person { private String k; private String v; public String getK() { return k; } public void setK(String k) { this.k = k; } public String getV() { return v; } public void setV(String v) { this.v = v; } }

更多jquery ajax 向后台传递数组参数示例相关文章请关注PHP中文网!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。