json - JSON形式でフォームデータ値を取得する

Question

ajax呼び出しのhtml要素attrの値を取得するにはどうすればよいですか?

私のコード:

$('#manager_pass').submit(function(evt){ 

    evt.preventDefault();

        $.ajax({

            url: App.managerpassURL,
            data: {
                ????????????
            },
            dataType: 'json',
            type: 'POST',
            success: function(r){
                box_2.animate({'top':'-250px'},500,function(){
                overlay.fadeOut('fast');
                    $('.action_wrapper').fadeOut(1000, function(){
                            $('.form').fadeIn(1000);
                    });
                });
            }


        });

});

ここから値を取得する必要があります

<input type="text" name="managerPassword" value="" class="man_code">

ありがとう

Answer 1

JSON を送信する場合は、次のようにします。

JSON.stringify({ "pass" : $('input[name="managerPassword"]').val() })

もちろん、パスワードを送信したい場合は、安全であることを確認してください!

Answer 2

入力要素に属性を指定するidと、次のようにして js で値を取得できます。

document.getElementById('exampleid').value

Answer 3

$('#manager_pass').submit(function(evt){

evt.preventDefault();
var passtxt=$('input:text[name=managerPassword]').val();
    $.ajax({

        url: App.managerpassURL,
        data: {
            passtxt:passtxt
        },
        dataType: 'json',
        type: 'POST',
        success: function(r){
            box_2.animate({'top':'-250px'},500,function(){
            overlay.fadeOut('fast');
                $('.action_wrapper').fadeOut(1000, function(){
                        $('.form').fadeIn(1000);
                });
            });
        }


    });

});