使用Ajax和PHP访问mySQL字段

Question

After lot of temptatives and after reading lot of posts about I'm still unable to read mySQL fields using Jquery. My PHP code, which connects to a db and gets some data, outputs the following using echo json_encode($html); :

{"id":"1","title":"this_is_title","description":"this_is_description","url":"this_is_url"}

I then try to read the single fields but I keep getting "undefined". For example:

$.getJSON("get.php", function(result) {
    $.each(result, function(key, field){
         console.log(field.title);
    });
});

If I simply use field instead of field.title it works but I get all the fields (of course).

Answer 1

If there is only a single object returned then you can easily access each field. You already know the field names so use them.

$.getJSON("get.php", function(result) {
    console.log(result.id); 
    console.log(result.title);
    console.log(result.description);
    console.log(result.url);
});

Answer 2

Try this, use parseJSON and then try to access :

$.getJSON("get.php", function(result) {
    var obj = JSON.parse(result);
    $.each(obj, function(key, field){
     console.log(key); // here you will get index like id,title
     console.log(field); // here you will get value
    });
});

Answer 3

Your JSON data contains only a single object, not an array of objects.

You are iterating over each property within this JSON object with $.each , so within that callback function key will be the property name and field will be the property value .

Change your console log call to this:

console.log(field);

and you can see the difference, the value will of the property will be logged.

You can access the properties of the JSON directly like so:

$.getJSON("get.php", function(result) {
     console.log(result.id);
     console.log(result.title);
     // etc
});