指定クラスの項目を取得してPOSTする

JavaScript

最終更新日 2021年03月27日

この処理は普段フレームワーク等を使っていて実際に書くことがなかったので新鮮でした。

残しておきます。

久々に楽しかった。(^o^)

 

$('#btn_search').click(function() {
    var data = {};
    var name = '';
    var val = '';

    for (var i = 0; i < $('.form-control').length; i++) {
        name = $('.form-control').eq(i).attr('name');
        val = $('.form-control').eq(i).val();
        // チェックボックスは下記。
        // val = $('.form-control').eq(i).prop("checked");
        data[name] = val;
    }

    $.post('/search', data,
        function(data) {

            // 結果を画面に反映。

        }
    );
});