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

JavaScript

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

残しておきます。

久々に楽しかった。(^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) {

            // 結果を画面に反映。

        }
    );
});

 

JavaScriptの基礎0 書く前の準備

JavaScript

久しぶりの更新ですが、JavaScriptの初心者向けの記事を書いていこうと思います。

コードはファイルが増えると面倒なのでHTMLに直接書いていくことにします。

 

下記はJavaScript以外の部分です。

「Write here!」の部分にJavaScriptを書いていきます。

js0.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript">
// Write here! 
</script>
<title>JavaScript 0</title>
</head>
<body>
</body>
</html>

ちなみに「//」の右に書いた文字はコメントになります。

プログラムの説明やメモを書くことろです。

 

次回に続く!