How can I access an array that returned with @ResponseBody in AJAX?

Question

My controller is returning an array. But I cannot get the values of this array when ajax is success. How can I fix it?

Controller

@ResponseBody
@RequestMapping(value="/practice/{category}/option", method = RequestMethod.POST, 
produces = "application/json; charset=UTF-8")
    public String[] practicePageOption(@PathVariable("category") String category, @RequestParam("index") int index, ModelMap model, HttpSession session){

    String[] array = new String[5];
    for (int i = 0; i < array.length; i++) {
        array[i] = optionsList.get(index).get(i).get("meaning").toString();
    }

    return array;
}

ajax call:

$(document).ready(function() {                        
    $('#pass').click(function(event) {
        var inputIndex = $('#index').val();
        $.ajax({
            type: "POST",
            url: "${pageContext.request.contextPath}/practice/${category}",
            async:false,
            data: { index: inputIndex },
            success: function(data){
                $('#label').text(data);
                $.ajax({
                    type: "POST",
                    url: "${pageContext.request.contextPath}/practice/${category}/option",
                    async:false,
                    contentType:"application/json; charset=utf-8",
                    dataType:"json",
                    data: { index: inputIndex },
                    success: function (resp) {
                        $('#optionA').text(resp[0]);
                    }
                });
            }
        });
    });
});

Edited: text/plain as application/json

It isn't returning JSON it is returning plain text. Also why create new strings, just assign the result of toString instead of creating a new string. — M. Deinum, Mar 04 '17 at 16:21
I think by setting content type as application/json will resolve the issue like produces = "appliction/json; charset=UTF-8". — Barath, Mar 04 '17 at 16:23
Try printing out the resp to the console in the success function of the ajax call. See what it's being return as. — Jason White, Mar 04 '17 at 16:43
http://stackoverflow.com/questions/18697034/how-to-pass-parameters-in-ajax-post check this post, Stephen Ostermiller answer is 3rd answer down — Jason White, Mar 04 '17 at 16:57
I cannot access array values from Ajax success function. I can pass array to controller. — Volkan Şahin, Mar 04 '17 at 18:47

How can I access an array that returned with @ResponseBody in AJAX?

0 Answers0