Display JSON data with jQuery

Question

I am having a little bit of trouble here. I have a call that returns some JSON, that is well-formed. I checked it on JSON Lint.

JSON: {"facilities":[{"facilityId":"123","facilityName":"Pizza Hut"}]}

I am able to see that data in my alert box with this code:

 $(function () {
    var availableTags = [
        // TODO
    ];
    $("#tags").autocomplete({
        source: availableTags
    });
    $("#tags").focusout(function () {
        var result = null;
        $.ajax({
            beforeSend: function() {
                alert("Testing");
            },
            url: "FacilitiesAsync",
            success: function(data) {
                result = data;
            },
            complete: function () {
                alert(result);
            }
        });
    });
});

However, when I try this code I don't ever see the processFacilities function ever fire. I am not sure what I am doing incorrectly. The $getJSON DOES work but the callback function is never executed.

   $.getJSON('FacilitiesAsync','sourceDb=sampleDb',processFacilities);
    function processFacilities(data) {
    var infoHtml = '';
    $.each(data, function(facilities, facilityInfo) {
        infoHtml += '<p>Facility: ' + facilityInfo + '<br></p>';
    }); // end of each

    $('#info').html(infoHtml);
};

I am not trying to run both of these at the same time. I commented one out while I test the other. These scripts are within a block in my MVC4 application.

My div

<div id="info"></div>

How do you KNOW that it works? It seems it doesn't, or else that call would happen. What does you Network tab say? — tymeJV
– tymeJV, Commented Nov 15, 2013 at 17:41
I know the JSON is returned. I have stepped through the code. What I am seeing now is "Facility: undefined" — Brian Evans
– Brian Evans, Commented Nov 15, 2013 at 17:50

thenewseattle · Accepted Answer · 2013-11-15 17:42:35Z

1

You miss the facilityName inside the function. Try this:

   $.getJSON('FacilitiesAsync','sourceDb=IPACS',processFacilities);
    function processFacilities(data) {
    var infoHtml = '';
    $.each(data, function(facilities, facilityInfo) {
        infoHtml += '<p>Facility: ' + facilityInfo.facilityName + '<br></p>';
    }); // end of each

    $('#info').html(infoHtml);
};

answered Nov 15, 2013 at 17:42

thenewseattle

1,4511 gold badge13 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

Brian Evans Over a year ago

I tried adding the facilityName property to the facilityInfo object and I still don't see anything in the UI. I also added above my <div> where this should be shown.

Brian Evans Over a year ago

Yea, I am not working on the autocomplete just yet. That is the goal eventually.

Brian Evans Over a year ago

No, I don't know what that is seattle

Brian Evans Over a year ago

I am getting "Facility: undefined" rendered in the DIV when I add the facilityName to the facilityInfo object.

Brian Evans Over a year ago

Yes, I have Skype but it is on my Mac, ugh

|

john Smith · Accepted Answer · 2013-11-15 17:41:50Z

0

i think a mix of both will do it proper

:

        $("#tags").focusout(function () {
        var result = null;
        $.ajax({
            beforeSend: function() {
                alert("Testing");
            },
            url: "FacilitiesAsync",
            success: function(data) {
                  var infoHtml = '';
                  $.each(data, function(facilities, facilityInfo) {
                       infoHtml += '<p>Facility: ' + facilityInfo + '<br></p>';
                  }); // end of each

                  $('#info').html(infoHtml);
            },
            complete: function () {

            }
        });
    });
});

answered Nov 15, 2013 at 17:41

john Smith

18k12 gold badges80 silver badges124 bronze badges

Collectives™ on Stack Overflow

Display JSON data with jQuery

2 Answers 2

8 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

8 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related