jQuery Post Returns Object Object when submitted

Question

I know this has been answered to some degree elsewhere but nothing I tried seemed to do the trick. I have never used jQuery for this (I always had something like Angular's $http to handle this) but I'm getting an Object Object where it should spit out the email info. I've included the code below.

    var email = $("#email").val();
    $.post("http://httpbin.org/post", email, function(email, status){
        console.log("Email: " + email + "\nStatus: " + status);
    });

What am I doing wrong?

Try function(data){ console.log('Email:' + data.email)} as your success method. — StackSlave
– StackSlave, Commented Apr 5, 2017 at 1:57

Daniel Slater · Accepted Answer · 2017-04-05 01:45:32Z

1

You probably want to try using JSON.stringify() for your object as this returns the string representation which is what you want

answered Apr 5, 2017 at 1:45

Daniel Slater

1264 bronze badges

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

Comments

Alex Marple · Accepted Answer · 2017-04-05 02:21:08Z

1

Thanks to you all. It helped me arrive at the answer. Which is:

      $.post("http://httpbin.org/post", { email: email } , function(data, status){
        console.log(data.form.email);
      });

answered Apr 5, 2017 at 2:21

Alex Marple

3,0584 gold badges22 silver badges24 bronze badges

Comments

Anph · Accepted Answer · 2017-04-05 01:45:33Z

0

You can replace plus + by comma ,!

var email = $("#email").val(); $.post("http://httpbin.org/post", email, function(email, status){ console.log("Email: ", email, "Status: ", status); });

hope this can help you!

answered Apr 5, 2017 at 1:45

Anph

1631 silver badge14 bronze badges

Comments

Mayank Pandeyz · Accepted Answer · 2017-04-05 01:49:02Z

0

The syntax of $.post() is:

$.post( "ajax/test.html", function( response) {
    // here response contains the server response in it
});

In your case, if it is showing Object Object, means the response is a JSON object, so you have to parse it like:

$.post( "ajax/test.html", function( response) {
    var data = JSON.parse(response);
    console.log(data.email);
    console.log(data.status);
});

answered Apr 5, 2017 at 1:49

Mayank Pandeyz

26.3k4 gold badges43 silver badges61 bronze badges

Comments

iLearn · Accepted Answer · 2017-04-05 02:03:49Z

0

$.post is the shorthand of the $.ajax

$.ajax({
     type: "POST",
     url: url,
     data: data,
     success: success,
     dataType: dataType
});

If you add console.log(email), it will display the content in the object email

var email = $("#email").val();
$.post("https://httpbin.org/post", email, function(email, status){
    console.log("Email: " + email + "\nStatus: " + status);
    console.log(email);
});

https://api.jquery.com/jquery.post/

edited Apr 5, 2017 at 2:03

answered Apr 5, 2017 at 1:50

iLearn

1,2291 gold badge17 silver badges30 bronze badges

Collectives™ on Stack Overflow

jQuery Post Returns Object Object when submitted

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related