フォームデータをJSONにシリアル化する [重複] 質問する

2024-07-04 • tag-icon

フォームの事前サーバー検証を行いたいのですがバックボーンモデル。これを実現するには、フォームからのユーザー入力を使用可能なデータに変換する必要があります。これを行うには、次の 3 つの方法を見つけました。

var input = $("#inputId").val();
var input = $("form.login").serialize();
var input = $("form.login").serializeArray();

残念ながら、どれも私が必要とする、読みやすく開発しやすい JSON オブジェクトを提供していません。すでに Stack Overflow のいくつかの質問を調べましたが、見つかったのは追加のライブラリだけでした。

しないアンダースコア現在の jQuery または Backbone.js はヘルパーメソッドを提供していますか?

そのような機能に対する要望がないとは考えられません。

html

<form class="login">
    <label for="_user_name">username:</label>
    <input type="text" id="_user_name" name="user[name]" value="dev.pus" />
    <label for="_user_pass">password:</label>
    <input type="password" id="_user_pass" name="user[pass]" value="1234" />
    <button type="submit">login</button>
</form>

JavaScript

var formData = $("form.login").serializeObject();
console.log(formData);

出力

{
    "name": "dev.pus",
    "pass": "1234"
}

Backbone.js モデル

var user = new User(formData);
user.save();

ベストアンサー1

このユースケースの関数は次のとおりです。

function getFormData($form){
    var unindexed_array = $form.serializeArray();
    var indexed_array = {};

    $.map(unindexed_array, function(n, i){
        indexed_array[n['name']] = n['value'];
    });

    return indexed_array;
}

使用法：

var $form = $("#form_data");
var data = getFormData($form);

ベストアンサー1

おすすめ記事