フォームのデータを取得する関数

jQueryで $.ajax $.post $.get を使う際、
毎回作っているformのデータを抽出する関数です。

関数

getPostData.js

function getPostData(selector) {
    var postData = {};
    $(selector).find(':input').each(function(){
        if ($(this).attr("type") == 'checkbox' || $(this).attr("type") == 'radio') {
            if ($(this).is(":checked")) {
                postData[$(this).attr('name')] = $(this).val();
            }
        }
        else {
            postData[$(this).attr('name')] = $(this).val();
        }
    });
    return postData;
}

使い方

functions.js

$(document).ready(function() {
	$('.submit').click(function() {
		var postData = getPostData('.test_form');
		$.post('/target/url', postData, function() {
			// TODO 処理
		});
	});
});