在Javascript文件中发送JSON HTTP Get请求

Question

From within a javascript file in my rails application: I want to send a JSON request to my application, which returns an array of strings, and capture that return value within a variable.

From the root of the application: the path to the request is: '/employers/get_unique_employer_names.json'

So If I'm in development mode: the full url would be:

http://localhost:3000/employers/get_unique_employer_names.json

Something like this but it doesn't work:

// app/assets/javascripts/application.js 
//= require jquery
//= require jquery.turbolinks
//= require jquery_ujs
//= require turbolinks
//= require_tree .

$(document).ready(function(){
  var array_of_names = get: '/employers/get_unique_employer_names.json'
});

Answer 1

I suppose you have injected jquery

$.ajax({
  url: "/employers/get_unique_employer_names.json"
})
.done(function( data ) {
    console.log("here is you data", data);  
});

and same without jquery

var xmlhttp = new XMLHttpRequest();

xmlhttp.onreadystatechange = function() {
    if (xmlhttp.readyState == XMLHttpRequest.DONE ) {
       if(xmlhttp.status == 200){               
           console.log("Here is your data", xmlhttp.responseText);
       }           
       else {
           console.log('something else other than 200 was returned');
       }
    }
}

xmlhttp.open("GET", "/employers/get_unique_employer_names.json", true);
xmlhttp.send();

Open console and check for your data

Answer 2

array_employer_names is undefined because it is defined in your js file, which make it unvisible from console. it's a scope thing.

you'll able the view it in your console if you change it to

$.ajax({
  url: "/employers/get_unique_employer_names.json"
})
.done(function( data ) {
    window.array_employer_names = data
});