如何遍历JSON？

Question

I have this script:

<script>
    function postForm() {
        $.post("rest/login", $("#myform").serialize()).done(function(data) {

            if(data.status === "OK"){
                window.location.replace("coursesform.jsp");
                alert(data);
            }
            else alert (data.status);

                //alert("Invalid credentials. Please use the same username and password you'd use for a SoCS machine.");
        });
    }
</script>

I changed what the login API brings back from simply outputting this:

{"status":"OK"}

into outputting the user id as well:

{"status":"{au:true, id:testtutor}"}

How can I extract "true" and "testtutor"?

I tried this:

var obj = JSON.parse(status.data);

So I can do obj.au however I receive this:

however, I receive this in the browser:

VM701:1 Uncaught SyntaxError: Unexpected token u in JSON at position 0

Answer 1

{"status":"{au:true, id:testtutor}"}

Remove " around {au:true, id:testtutor}, to make it

{"status":{au:true, id:"testtutor"}}

Then you will be able to get au by status.au and id by status.id

You are getting an Error because "{au:true, id:testtutor}" is not a valid JSON it needs to be {"au":true, "id":"testtutor"} but You can't do this because you already have " around it.

Answer 2

Your API isn't returning valid JSON, or at least not in the way you're expecting. Your keys should be strings in JSON, so you should be returning something like:

{
  "status": {
    "au": true,
    "id": "testtutor"
  }
}

...which JSON.parse() will be able to parse.