Sending PHP json_encode array to jQuery

Question

ok, i guess I need help ! I searched with every keyword I could think off, but I still cant figure out, please help. Am more of a php guy, and I\'ve just started with jQuery

Answer 1

All you gotta do, its tell the Ajax call that you're receiving data type "json". In other words...

$.ajax({
   url: "external_file",
   method:"post",
   dataType: "json",  // **************** Note dataType****************
   success:function(response){
       console.log(response)
       // Response will be a javascript array, instead of a string.
   },
   error: function(){
       alert('something went wrong.')
   }
})

Answer 2

You must parse the JSON response. jQuery has this built-in functionality (thankfully, because otherwise IE6 and 7 don't natively support JSON). Set a variable equal to this:

$.parseJSON(response)

And then, if you're not familiar with JSON format, check the response headers (using Firebug or similar,) and that will help you pick which keys' values you want. If you're looping, I would look into for in statements once the response has been parsed.

EDIT: Using $.getJSON, the parsing is done automatically. Write less, do more. :)

Answer 3

Try setting the dataType option:

$.post('myCalculator.php' ,{qid:itemID},function(response)
{
    $("div.calculation_value").show(500).html(response['calculatedValue']);
    $("div#message_for_user").show(500).html(response['message']);
}, 'json');

NB I have also added the closing brackets ) where you have missed them.

Answer 4

var json = $.parseJSON(response); alert(json.message);