jQuery.serialize()関数インスタンスの使用方法の詳細な説明-jsチュートリアル-php.cn

jQuery.serialize()関数インスタンスの使用方法の詳細な説明

巴扎黑

リリース： 2017-07-03 13:29:58

オリジナル

1265 人が閲覧しました

serialize() 関数は、フォーム要素のセットをシリアル化し、送信用にフォームのコンテンツを string にエンコードするために使用されます。

serialize() 関数は、AJAX 送信用のフォームコンテンツをシリアル化するためによく使用されます。

この関数は主に、送信用に有効なフォームコントロールの名前と値を、フォーム送信に直接使用できるテキスト文字列に結合します。この文字列は、標準の URL エンコーディング (文字セットエンコーディングは UTF-8) によって処理されています。

この関数は、送信する必要のないフォームコントロールをシリアル化しません。これは、通常のフォーム送信動作と一致しています。例:

タグ内にないフォームコントロールは送信されず、name 属性のないフォームコントロールは送信されず、disabled 属性を持つフォームコントロールは送信されず、選択されていないフォームコントロールは送信されません。提出されなかった。

通常のフォーム送信との違いは、通常のフォームは通常、ボタンコントロールを名前付きで送信しますが、serialize() 関数はボタンコントロールを名前付きでシリアル化しないことです。詳細については、ここをクリックしてください。

この関数はjQueryオブジェクト(インスタンス)に属します。

構文

この関数は jQuery 1.0 の新しい関数です。

jQueryObject.serialize()

戻り値

serialize()関数の戻り値はString型で、フォーム要素をエンコードした上でフォーム送信に使用できる文字列を返します。

例と説明

次の初期 HTML コードを参照してください:

<form name="myForm" action="http://www.365mini.com" method="post">
    <input name="uid" type="hidden" value="1" />
    <input name="username" type="text" value="张三" />
    <input name="password" type="text" value="123456" />
    <select name="grade" id="grade">
        <option value="1">一年级</option>
        <option value="2">二年级</option>
        <option value="3" selected="selected">三年级</option>
        <option value="4">四年级</option>
        <option value="5">五年级</option>
        <option value="6">六年级</option>
    </select>
    <input name="sex" type="radio" checked="checked" value="1" />男
    <input name="sex" type="radio" value="0" />女
    <input name="hobby" type="checkbox" checked="checked" value="1" />游泳
    <input name="hobby" type="checkbox" checked="checked" value="2" />跑步
    <input name="hobby" type="checkbox" value="3" />羽毛球
    <input name="btn" id="btn" type="button" value="点击" />
</form>

ログイン後にコピー

要素をシリアル化すると、その中のすべてのフォーム要素を直接シリアル化できます。

りー

以上がjQuery.serialize()関数インスタンスの使用方法の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。