Use Ajax Success Handler to return JSON object

Question

I am using an Ajax command to query data from a local server and I need to return a JSON object via the success handler.

My Ajax command looks like this:

var json = $.ajax({
    url: 'http://localhost:9200/wcs/routes/_search',
    type: 'POST',
    data: JSON.stringify({
        "query": {
            "match_all": {}
        }
    }),
    dataType: 'json',
    async: false
});

I'd like to return the JSON document in the variable that I already have assigned: json

Could I do something like this in the command? (I know this isn't correct code):

success: return(json);
});

You're almost there, I'd recommend putting `json` in a function on success and then making sure its not empty — chriz, Apr 09 '13 at 14:51
You should have a look at this question: http://stackoverflow.com/q/14220321/218196. — Felix Kling, Apr 09 '13 at 15:01

score 1 · Accepted Answer · answered Apr 09 '13 at 14:53

You were close,

var json;
$.ajax({
    url: 'http://localhost:9200/wcs/routes/_search',
    type: 'POST',
    data :
        JSON.stringify(
            {
                "query" : { "match_all" : {} }
        }),
    dataType : 'json',
    async: false,
    success: function(data){
        json = data;
    }
})
console.log(json);

but async: false is a bad idea, so i'd suggest using json inside the callback.

$.ajax({
    url: 'http://localhost:9200/wcs/routes/_search',
    type: 'POST',
    data :
        JSON.stringify(
            {
                "query" : { "match_all" : {} }
        }),
    dataType : 'json',
    //async: false,
    success: function(data){
        console.log(data);
    }
})

Adil Shaikh · Answer 2 · 2013-04-09T17:11:07.780

0

Success expect's A function to be called if the request succeeds.

You can do this :

var json:
....
....

success: function(data){
       json = data;
   }
});

edited Apr 09 '13 at 17:11

answered Apr 09 '13 at 14:52

Adil Shaikh

44,509
17
89
111

score 0 · Answer 3 · answered Apr 09 '13 at 14:54

 var arr = new Array();
 success: function (data) {
    $.map(data, function (item) {
          arr.push({
              prop_1: item.prop_1,
              prop_2: item.prop_2,
              prop_3: item.prop_3
             });
           });
      }

You can rename prop_1, prop_2 vs up to your codebehind

Use Ajax Success Handler to return JSON object

3 Answers3