Assign results of JSON to array in jQuery

Question

I would like to take the results of my $.getJSON and place that JSON data, specifically the facility. FacilityName, as the values for the array availableTags. I have tried executing a function call where you see the // TODO: but I am not getting this sorted out. I'm sure it is easy for your jQuery experts! I DO see the facilities displayed on my page in the <div id="info"></div> tag as I would expect.

<script type="text/javascript">

$(function () {
    $('#datePicker').datepicker();
});

var names = [];

$.getJSON('FacilitiesAsync','sourceDb=myDb',processFacilities);
function processFacilities(data) {
    $.each(data, function (facilities, facility) {
        names += facility.FacilityName;
    }); // end of each

    alert(names);

    $("#tags").autocomplete("source", names);
};

$(function () {
    $("#tags").focusout(function () {
        $.ajax({
            beforeSend: function() {
                alert("Testing");
            },
            complete: function () {
                alert("Done!");
            }
        });
    });
});

</script>

Inside the getJSON callback: $("#tags").autocomplete({ source: somehowUsingTheJSONResponseData }); (I believe source can also be a function.) — user2864740
– user2864740, Commented Nov 19, 2013 at 4:28

Ruwanka De Silva · Accepted Answer · 2013-11-19 04:31:02Z

0

your TODO block contain inside of self invoking anonymous function, probably it executes before your getJSON executes, so in time of TODO block executing there is no json data. try to access data after getJSON function, may be in callback or within done of the getJSON.

answered Nov 19, 2013 at 4:31

Ruwanka De Silva

3,8256 gold badges39 silver badges55 bronze badges

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

8 Comments

Brian Evans Over a year ago

Yes, I agree. HOW do I call the callback function to load the data for the autocomplete? So the page loads and this JSON data is returned in the background with an ajax call. Once I have all the data it will be available in the autocomplete input control

Brian Evans Over a year ago

Something happened to the post made by another user that was helping me

Brian Evans Over a year ago

I get the results I always had. I want to see them in the autocomplete. That is still not working.

Ruwanka De Silva Over a year ago

Are you using jQuery UI for autocomplete?

Ruwanka De Silva Over a year ago

But you didn't mention that in your question, that's why I ask, hence refer link it seems your autocomplete have syntax error. And try with raw data for check whether it works

|

Collectives™ on Stack Overflow

Assign results of JSON to array in jQuery

1 Answer 1

8 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related