Question

By using Alert on the response paramater after a jquery success will display the values I need, and the problem is picking them out with k/v. I don’t know if this is some incompatibily issue with json format or what, from php. Either nothing happens (no Alert) or the alert will say ‘undefined’ if I attempt to get values by using the keys to them.

Relevant code:

JQuery:

var curr = $(this).val();
// alert(curr);
$.ajax({
type: 'GET',
url: 'CurrencyResponse.php?q='+curr,
contentType: "application/json; charset=utf-8",
success: function(response) {
var items = response.d;
// alert(response); this will display some json key value from server
$.each(items, function (index, item) {
// alert(item.msg); or updating some div tag here, eventless
});
},

PHP:

<?php
// $query = parse_url($_SERVER['REQUEST_URI'], PHP_URL_QUERY);
// $query = $_GET["q"];
$response = array();
$response["msg"] = "Hjksa!";
$response["nok"] = "9.32";

echo json_encode($response);
?>

Help here will be much appreciated! =)

Answer 1

Use the dataType parameter for jQuery’s AJAX, like so:

$.ajax({
    type: 'GET',
    url: 'CurrencyResponse.php?q='+curr,
    dataType: 'json',
    success: function( json) {
        alert( json.msg); // Will output Hjksa!

    }
});

This tells jQuery that the response from the server is JSON, and that it should return a JSON object to the callback functions that take the server response as their parameters.

Read more about dataType on jQuery’s site.