jQuery ajax的traditional参数的作用

news/2025/2/24 13:19:29

为什么80%的码农都做不了架构师?>>>   hot3.png

    一般的,可能有些人在一个参数有多个值的情况下,可能以某个字符分隔的形式传递,比如页面上有多个checkbox:

$.ajax{
      url:"xxxx",
      data:{
            p: "123,456,789"
      }
}
    然后后台获取参数后再分隔,这种做法有很大弊端,试问如果某一个参数值中出现了分隔符所使用的字符,会出现什么情况呢?当然后台获取的参数将与实际情况不符.
这时我想到了将上述代码写成这样:
$.ajax{
      url:"xxxx",
      data:{
            p: ["123", "456", "789"]
      }
}
    如果单纯写成这样,在java后台是无法取到参数的,因为jQuery需要调用jQuery.param序列化参数,
jQuery.param( obj, traditional )
    默认的话,traditional为false,即jquery会深度序列化参数对象,以适应如PHP和Ruby on Rails框架,
但servelt api无法处理,我们可以通过设置traditional 为true阻止深度序列化,然后序列化结果如下:
p: ["123", "456", "789"]    =>    p=123&p=456&p=456
    随即,我们就可以在后台通过request.getParameterValues()来获取参数的值数组了,
    所以,比如我们前台有多个checkbox,前台的代码可以写成:
var values = $("input[type=checkbox]").map(function(){
      return $(this).val();
}).get();
$.ajax{
      url:"xxxx",
      traditional: true,
      data:{
            p: values 
      }
}




转载于:https://my.oschina.net/i33/blog/119506


http://www.niftyadmin.cn/n/1117766.html

相关文章

关于target=_new和_blank的区别!

为了弄清楚这个问题我们来看三段代码产生的结果&#xff1a; code1&#xff1a; <html><head><title> new和blank的区别 </title></head><frameset cols"30%, *">     <!-- 分别调用target为new和blank的两段代码 --&g…

windows安装mysql初始密码_Windows下安装mysql 8+ 及修改初始密码

1、解压压缩包&#xff0c;放置到任意目录注意目录最好是英文这是我的目录&#xff1a;D:\Python\mysql-8.0.12-winx64\2. 初始化用管理员权限打开CMD或者Windows Powershell使用命令&#xff1a;mysqld --initialize --console使用CMD命令操作如下&#xff1a;C:\Windows\syst…

linux 查看Linux本机IP

2019独角兽企业重金招聘Python工程师标准>>> 1.命令&#xff1a;ifconfig 2.命令&#xff1a;ip addr 参考链接&#xff1a;https://blog.csdn.net/u014346344/article/details/81126144 转载于:https://my.oschina.net/qimhkaiyuan/blog/3007317

MYSQL5 表列更名删除等操作测试(更新中...)

-- -------------初始化部分--------------- 删除测试表DROP TABLE IF EXISTS TTT;-- 创建测试表CREATE TABLE TTT(A BIGINT,B BIGINT,C BIGINT,D BIGINT);-- 插入测试数据INSERT INTO TTT VALUES(1,1,1,1),(2,2,2,2);COMMIT;-- -------------列操作部分---------------- 删除列…

WCF也可以做聊天程序

先看一个截图。 上面的图&#xff0c;各位乍一看&#xff0c;可能会觉得是用Socket编写的聊天程序。告诉你吧&#xff0c;这玩意儿不是用Socket实现&#xff0c;呵呵&#xff0c;当然它的底层肯定与Socket有一定关系&#xff0c;我只说我的代码没有用到socket而已。 那么&#…

ai python 自动_Python - AI自动抠图

一、简介抠图是用PS&#xff1f;用魔棒和快速选择工具&#xff1f;遇到复杂背景怎么办&#xff1f;最近发现一个神奇的工具——Remove Image Background它是基于Python、Ruby和深度学习技术开发&#xff0c;通过强大的AI人工智能算法实现自动识别出前景主体与背景图&#xff0c…

微信聊天和通讯录按钮样式

一、先用Path画一下轮廓 <Path Stroke"Red" StrokeThickness"1" Margin"10" StrokeDashCap"Round"><Path.Data><GeometryGroup><PathGeometry Figures"M 4,40 A 16,13 0 1 1 10,45 L 3,48 Z" /><…

Android采取async框架文件上传

页面效果 须要的权限 <uses-permission android:name"android.permission.INTERNET"/>网络訪问权限; 布局文件: <LinearLayout xmlns:android"http://schemas.android.com/apk/res/android"xmlns:tools"http://schemas.android.com/tools&qu…