不知道如何在Javascript / jQuery中解析这个PHP / JSON对象

Question

So from what I understand, because I created a JSON object in PHP using json_encode and then used echo to display it, I can access it directly as an object in JS, like this

.done(function(response) {
    var result = response;
    $(result).hide().prependTo('#messages').fadeIn('slow');
});`

However, how do I access the data within the object? My object contains error which will be either true or false, and error_message while contains the errors formatted as <li>error</li>

PHP returns this - {"error":true,"error_messages":" <li>Name too short (minimum of 4 characters)<\\/li> <li>Name too short (minimum of 4 characters)<\\/li>"}

Answer 1

If your server returns the correct Content-Type header ( application/json ), jQuery will parse the response for you and give you an object, which you can use like this:

console.log(response.error_messages); // "<li>Name too short...

If your server does not return the correct Content-Type header, you can force the issue by supplying

dataType: "json"

in your $.ajax call.

Either way, the JSON you've quoted in the comment on your question is valid.

So it may be that you want:

if (response.error) {
    $(response.error_messages).hide().prependTo('#messages').fadeIn('slow');
}
else {
    // whatever you show when it's successful
}

But note that #messages must be a menu , ul , or ol element, since your error_message defines an li element .

Answer 2

You should just be able to use it as an object like normal. Eg:

result.error; // true or false
result.error_messages; // the error messages

You may need to parse it, but jQuery (which it looks like you're using) may do that for you. If it doesn't, use JSON.parse :

var myobj = JSON.parse(result);