jQuery JSON response not displaying

Question

I have what I believe to be a valid json test but I cannot get it to function correctly.

Here is a fiddle: http://jsfiddle.net/pwwj4zf5/

Any ideas why the onReady wouldn't be displaying the response in the Ajax call?

var a; 
function fetch_data(){
       $.ajax({
              url: "http://echo.jsontest.com/key/value/one/two",
              cache: false,
              dataType: "json",
              type: "GET",
              data: {
                     //datapoint: '(' + response1.d.PointOfContactId + ')'
              },
              success:function(data){

                  return data;

              }
       });
}

$(document).ready(function(){

       a = fetch_data(); 
       console.log(typeof(a));
       console.log(a);
});

asynchronous problems huh? you need to use a callback. http://jsfiddle.net/pwwj4zf5/1/ — swatkins, Nov 11 '14 at 23:04

score 2 · Accepted Answer · answered Nov 11 '14 at 23:09

You may try something like this:

function fetch_data(fn){
   $.ajax({
          url: "http://echo.jsontest.com/key/value/one/two",
          cache: false,
          dataType: "json",
          type: "GET",
          data: {
                 //datapoint: '(' + response1.d.PointOfContactId + ')'
          },
          success:function(data){
              fn(data);
          }
   });
}

$(document).ready(function(){
    fetch_data(function(data){
        console.log(data);
    }); 
});

Updated Fiddle.

score 0 · Answer 2 · answered Nov 11 '14 at 23:07

0

By default $.ajax() performs an asynchronous request. (This is for good reason) take a look at the API documentation to learn in detail hwo to use callbacks to work with the ajax response.

answered Nov 11 '14 at 23:07

Daniel

3,541
3
33
46

jQuery JSON response not displaying

2 Answers2