zoukankan      html  css  js  c++  java
  • jQueryserialize()输出序列化表单值的方法

    实例

    输出序列化表单值的结果:

    1. $("button").click(function(){
    2. $("div").text($("form").serialize());
    3. });

    定义和用法

    serialize() 方法通过序列化表单值,创建 URL 编码文本字符串。

    您可以选择一个或多个表单元素(比如 input 及/或 文本框),或者 form 元素本身。

    序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中。

    语法

    1. $(selector).serialize()

    详细说明

    .serialize() 方法创建以标准 URL 编码表示的文本字符串。它的操作对象是代表表单元素集合的 jQuery 对象。

    表单元素有几种类型:

    1. <form>
    2. <div><inputtype="text"name="a"value="1"id="a"/></div>
    3. <div><inputtype="text"name="b"value="2"id="b"/></div>
    4. <div><inputtype="hidden"name="c"value="3"id="c"/></div>
    5. <div>
    6. <textareaname="d"rows="8"cols="40">4</textarea>
    7. </div>
    8. <div><selectname="e">
    9. <optionvalue="5"selected="selected">5</option>
    10. <optionvalue="6">6</option>
    11. <optionvalue="7">7</option>
    12. </select></div>
    13. <div>
    14. <inputtype="checkbox"name="f"value="8"id="f"/>
    15. </div>
    16. <div>
    17. <inputtype="submit"name="g"value="Submit"id="g"/>
    18. </div>
    19. </form>

    .serialize() 方法可以操作已选取个别表单元素的 jQuery 对象,比如 <input>, <textarea> 以及 <select>。不过,选择 <form> 标签本身进行序列化一般更容易些:

    1. $('form').submit(function(){
    2. alert($(this).serialize());
    3. returnfalse;
    4. });

    输出标准的查询字符串:

    1. a=1&b=2&c=3&d=4&e=5

    注释:只会将”成功的控件“序列化为字符串。如果不使用按钮来提交表单,则不对提交按钮的值序列化。如果要表单元素的值包含到序列字符串中,元素必须使用 name 属性。

  • 相关阅读:
    从rnn到lstm,再到seq2seq(一)
    tensorflow world language model
    sparse_tensor feed_dict的时候十分不方便。
    MAC OS X 的环境配置加载顺序
    MAC连接HHKB/其他外接键盘的时候禁用自带键盘的设置
    linux suspend的进程如何恢复?
    ubuntu16 升级 tmux 2.9
    C++ 统计运行时间之弱智方法
    shell之引号嵌套引号大全
    统一化命名
  • 原文地址:https://www.cnblogs.com/zhwl/p/2833509.html
Copyright © 2011-2022 走看看