Sending JSON HTTP Get Request within Javascript File

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'
});

Ruben Nagoga · Accepted Answer · 2016-01-20 14:15:21Z

2

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

answered Jan 20, 2016 at 14:15

Ruben Nagoga

2,2182 gold badges20 silver badges32 bronze badges

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

3 Comments

Neil Over a year ago

Thanks for your answer. I think I'm almost there. Please see my updated question. For some reason it is coming up undefined.

Ruben Nagoga Over a year ago

It is correct, but you have to put debugger right after array_employer_names = data; If you put outside done callback then debugger will be called before result of request returned. Ajax requests are asynchronous that is the reason of using done method. You can read about sync/async requests here developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/…

Ruben Nagoga Over a year ago

Also check network tab in inspector to debug whether your request sent without errors

fengd · Accepted Answer · 2016-01-20 14:37:26Z

0

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
});

answered Jan 20, 2016 at 14:37

fengd

7,5793 gold badges44 silver badges44 bronze badges

Collectives™ on Stack Overflow

Sending JSON HTTP Get Request within Javascript File

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related