Getting form data values in json format

Question

How do you get the value of an html element attr for an ajax call?

my code:

$('#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);
                    });
                });
            }


        });

});

I need to get the value from here

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

Thanks

I need to get the value from my input field inside my data object data: { ???????????? }, — Aessandro
– Aessandro, Commented Sep 26, 2012 at 11:47

ramsinb · Accepted Answer · 2012-09-26 11:51:00Z

1

Something like this if you want to send JSON:

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

Of course make sure its secured if you want to send a password!

answered Sep 26, 2012 at 11:51

ramsinb

2,00513 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

9 Comments

Aessandro Over a year ago

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

ramsinb Over a year ago

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

Aessandro Over a year ago

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

ramsinb Over a year ago

What's the error? can you try printing to the console console.log(JSON.stringify({ "pass" : $('input[name="managerPassword"]').val() })) just before you are calling $.ajax and tell us what you see?

Aessandro Over a year ago

success: function(r){ box_2.animate({'top':'-250px'},500,function(){ overlay.fadeOut('fast'); $('.action_wrapper').fadeOut(1000, function(){ $('.form').fadeIn(1000); }); }); }

|

Mitch Satchwell · Accepted Answer · 2012-09-26 11:48:38Z

0

If you specify an id attribute on your input element, you can do the following to get the value in js:

document.getElementById('exampleid').value

answered Sep 26, 2012 at 11:48

Mitch Satchwell

4,8302 gold badges27 silver badges31 bronze badges

Comments

Jhanvi · Accepted Answer · 2012-09-26 11:51:38Z

0

$('#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);
                });
            });
        }


    });

});

answered Sep 26, 2012 at 11:51

Jhanvi

5923 silver badges17 bronze badges

1 Comment

Jhanvi Over a year ago

stackoverflow.com/questions/503627/… try in this way it may help you if JSON.stringify does not work

Collectives™ on Stack Overflow

Getting form data values in json format

3 Answers 3

9 Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

9 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related