Question

I’m fetching a JSON response and with that response, I have two values:

1. Air shipment cost.
2. Land shipment cost.

I want to save those two values somewhere in the client so that when a user chooses either 1 radio button or the other, I add that value to another element on the page.

Here’s what I’m doing:

<script type="text/javascript">
    $(document).ready(function () {
        var landCost;
        var airCost;

$("#ddlCiudad").change(function () {
    var idCity = $("#ddlCiudad").val();
    $.getJSON("/ProductCheckout/GetPriceForLocation", { cityId: idCity, productId: idProduct, type: "land" },
        function (cityData) {
            console.log("Recieved json data."); //This part works. It outputs.

            var data = $.parseJSON(cityData);
            console.log("Parse JSON response."); //This part works. It outputs.

            landCost = data.LandCost;
            console.log("Assigned value of LandCost"); //FAILS HERE. nothing is shown. not even an error.
            airCost = data.AirCost;
            console.log("Assigned value of AirCost");

            alert(landCost);
            console.log("Alerted land!");
            alert(airCost);
            console.log("Alerted air!");
        }
    );
});

So what do you suggest? I need to have the values of this JSON response, available for usage on that page, if I declare the variable inside the change() event, it’ll be out of scope.

{"DaysToShip":" TER = 48 Hrs / AER = 24 Hrs","LandCost":"25,00","AirCost":""}

Answer 1

try

landCost = cityData.LandCost;