时间:2021-07-01 10:21:17 帮助过:3人阅读
jQuery拼接字符串ajax
或者直接用$(“#表单id”).serialize()直接序列化。。。
上面的插件,不能适用于有多个值的输入控件,例如复选框、多选的select。下面,我将插件做进一步的修改,让其支持多选。代码如下:
Js代码
这里,我将多选的值封装为一个数值来进行处理。如果大家使用的时候需要将多选的值封装为“,”连接的字符串或者其他形式,请自行修改相应代码。
测试如下:
表单:
Html代码
<form id=”myForm” action=”#”> <input name=”name”/> <input name=”age”/> <select multiple=”multiple” name=”interest” size=”2″> <option value =”interest1″>interest1</option> <option value =”interest2″>interest2</option> <option value=”interest3″>interest3</option> <option value=”interest4″>interest4</option> </select> <input type=”checkbox” name=”vehicle” value=”Bike” /> I have a bike <input type=”checkbox” name=”vehicle” value=”Car” /> I have a car <input type=”submit”/> </form>
测试结果:
{age: “aa”,interest: ["interest2", "interest4"],name: “dd”,vehicle:["Bike","Car"]}
相关推荐:
vue语法之拼接字符串详解
如何利用ajax给html动态拼接代码
vue中如何实现变量和字符串拼接
本文来源:https://blog.csdn.net/lunhui1994_/article/details/54911845
以上就是jquery拼接ajax的json和字符串的方法的详细内容,更多请关注Gxl网其它相关文章!