In the context of a rails application, I have been exploring different methods to fetch data from a JSON file. Despite my efforts, I have not been able to find a solution that suits my requirements. The static data I have is quite extensive, consisting of around 8,000 lines, and it looks something like this:
[
{"web_page": "http://www.usjc.uwaterloo.ca/", "country": "Canada", "domain": "usjc.uwaterloo.ca", "name": "University of St. Jerome's College"},
{"web_page": "http://www.ustanne.ednet.ns.ca/", "country": "Canada", "domain": "ustanne.ednet.ns.ca", "name": "St. Anne University"}
]
I have saved the above data in a JSON file named universitydata.json located in my apps/assets/javascripts folder.
Below is the JavaScript code snippet:
function updateUniSearch() {
$("#university-field").autocomplete({
source: universitydata
});
}
The Ruby file embeds the event for the `updateUniSearch()` function on keydown as follows:
<%= f.text_field :university, :id => "university-field", :onkeydown=>"updateUniSearch()" %>
Let's assume I define `universitydata` like this:
var universitydata = ["Maine", "Harvard"];
When typing 'm' in the autocomplete form, "Maine" appears as an option using the local array. However, when attempting the same with the data stored in universitydata.json file within my javascript assets folder, nothing happens. Am I implementing this incorrectly? Could there be issues with how I am saving the JSON file? Why does the autocomplete feature only work with the local array? Your insights are much appreciated.