美文网首页
Jquery表单序列化后添加数据

Jquery表单序列化后添加数据

作者: 慵懒的阳光丶 | 来源:发表于2020-08-25 10:41 被阅读0次

    serialize()、serializeArray()方法都是jquery用户序列化表单的,用于ajax提交的data值的序列化

    在chrome的控制台我们很清楚的看到了serializeArray()返回的是json数组,数组的每个对象都是有json字符串构成,我们可以看到,每个json字符串包括两个键值对,每个键值对都是有name,value组成,其实serializeArray()它把表单里的每个需要提交的dom的name的值赋给json字符串的name,dom的value的值赋给json字符串的value.

    那么我们只需这要添加额外的内容:

    var dataParam = $("#updateChannelForm").serializeArray();

    例如我想添加sex="男"

    dataParam.push({"name":"sex","value":"男"}) 就可以了

    我们看到serialize()方法把表单里的内容序列化成了字符串

    "id=58&channelType=2&subTitle=591teststetets&extAttrValueId=599"

    那么我们只需这要添加额外的内容:

    var dataParam = $("#updateChannelForm").serialize();

    例如我想添加sex="男"

    dataParam =dataParam +"&"+"sex=男"

    相关文章

      网友评论

          本文标题:Jquery表单序列化后添加数据

          本文链接:https://www.haomeiwen.com/subject/nimajktx.html