$.post returns [object Object]

Question

Why this returns [object Object] ??? I want to return #new content in to a alert. (actually i want to append that text to a new div, I can do that if this [object Object] problem resolved)

<script type="text/javascript">
      $(document).ready(function() {
        $.post("post.php", {"test": "hello"}, function(data) {
           var myDiv = $(data).filter("#new");
           alert(myDiv);
        });
      });
</script>

Because it is an object, try `console.dir` to see what properties it has — Esailija, Jul 26 '12 at 13:05
because it s jQuery object now as you used $(data) even there aren't any response. try $(data).filter("#new").html(); — Onur Topal, Jul 26 '12 at 13:06
`console.log` says still it includes all texts in that `post.php` page. `
NEW
NEXT
` — stackminu, Jul 26 '12 at 13:07
related: [Javascript - \[object Object\] means?](http://stackoverflow.com/q/8892465/1048572) — Bergi, Nov 04 '14 at 16:12

score 3 · Answer 1 · edited May 23 '17 at 10:34

3

It works perfectly fine.

alert does not show all the properties of an object, which is what you are trying to alert.
Try using the console for that:

//info on the jQuery DOM obj:
console.log(myDiv);

//info on the jQuery obj:
console.dir(myDiv);

For example: http://jsfiddle.net/agNNW/ (Thanks @Esailija)

edited May 23 '17 at 10:34

Community

1
1

answered Jul 26 '12 at 13:07

Naftali

144,921
39
244
303

score 1 · Accepted Answer · answered Jul 26 '12 at 13:05

1

Because myDiv is object you have to access html in it,

use html() function of jquery if you want html, use text() function of jquery if you want text instead of html

 myDiv.html();

   $(document).ready(function() {
    $.post("post.php", {"test": "hello"}, function(data) {
       var myDiv = $(data).filter("#new");
       alert(myDiv.html());
    });
  });

answered Jul 26 '12 at 13:05

Adil

146,340
25
209
204

COOl. What a simple question that i asked nha... :) – stackminu Jul 26 '12 at 13:08

score 0 · Answer 3 · answered Jul 26 '12 at 13:06

I'm going to take a wild guess and say it is working perfectly. If your myDiv is a DOM element, that is an object and alert has no idea how to print it. Never rely on alert for debugging purposes. Try appending it to a DOM element and it will probably work fine.

score 0 · Answer 4 · answered Jul 26 '12 at 13:07

Like many jQuery methods, .filter() returns a jQuery object, so your current alert is quite correctly showing [object Object].

Assuming data is a string of html, you can see the contents of the #new element within that html by doing this:

var myDiv = $(data).filter("#new");
alert(myDiv.html());
// or
alert(myDiv.text());
// or put the text in a variable:
var newText = myDiv.html();
// or
var newText = $(data).filter("#new").html();

To append to your other element:

$("#someotherelement").append(myDiv.html());

score 0 · Answer 5 · answered Jul 26 '12 at 13:09

0

myDiv will contain a jQuery object, so if you want to see its' contents, you shoud use

alert(myDiv.text());

or

alert(myDiv.html());

or

console.log(myDiv);

answered Jul 26 '12 at 13:09

tijs

566
4
12

$.post returns [object Object]

5 Answers5