<script type="text/javascript">
  $("#sign_up").on('click', function() {
    $.post('./includes/ajax.php', { action: 'register' } , function(result) {
      var result = JSON.parse(result);
        if(result ) { $("#register_result") = result; document.write(result); }
    });
  });
$("#register_form").submit(function() {
  return false;
});
</script>

In the console it's returning "All inputs must be entered" - which is what I want it to return.

However, the alert is returning [object Object]. Why is this?

<script type="text/javascript">
  $("#sign_up").on('click', function() {
    $.post('./includes/ajax.php', { action: 'register' } , function(result) {
      var result = JSON.parse(result);
        if(result ) { $("#register_result") = result; document.write(result); }
    });
  });
$("#register_form").submit(function() {
  return false;
});
</script>

In the console it's returning "All inputs must be entered" - which is what I want it to return.

However, the alert is returning [object Object]. Why is this?

• javascript
• jquery
• ajax

• 5 Don't use alert() for debugging – JJJ Commented Sep 1, 2013 at 21:43

2 Answers 2

console.log will give you a debugging view of an object.

alert will give you a string view of an object.

Objects are converted to strings by calling .toString() on them.

The default toString() function on a basic object will return "[Object object]"

First off, it seems you're trying to get JSON data back. If that's the case why not simply set dataType (the 4th parameter in the $.post function to 'json')?

Also JSON is an object and alert isn't really good at returning objects. If you're looking to debug your code, might I suggest using console.log(result)? It's much more informative and less intrusive.