当前位置:Gxlcms > JavaScript > jquery拼接ajax的json和字符串的方法

jquery拼接ajax的json和字符串的方法

时间:2021-07-01 10:21:17 帮助过:3人阅读

整理文档,搜刮出一个jquery拼接ajax 的json和字符串拼接的代码,本文主要介绍了jquery拼接ajax 的json和字符串拼接的方法,这里整理了详细的代码,有需要的小伙伴可以参考下。

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网其它相关文章!

人气教程排行