How do I get the values of the model returned from Controller in ajax?

Question

AdminController.java

@RequestMapping(value="show_allMember.do",produces = MediaType.APPLICATION_JSON_UTF8_VALUE,method = RequestMethod.POST)
    public @ResponseBody String memberList(ModelAndView mav)
    {
        List<HashMap<String, Object>> members = aService.getMemberList();
        mav.addObject("mList",members);

        System.out.println("model is that : " + mav);

        return "" + mav ;
    }

adminMainPage.jsp

function show_allMember()
{
    $('.member_management_area').css('display','block');
    $('.member_management').css('color','#fe4978');

    $.ajax
    ({
        type: 'POST',
        url: 'http://localhost:8080/rachelivf/show_allMember.do',
        dataType:'JSON',
        success: function(mList)
        {
            console.log(mList);
            $.each(response.mList, function(index, value)
            {
                console.log(response.list);
            });
       },
       error: function(xhr,ajaxOptions,thrownError)
       {
           if(xhr.status == 404)
         {
               alert(thrownError);
         }
       }
     });
}

I tried to find the way. But it failed.

I want to get the values of the model returned from the controller in ajax and display it in jsp.

But I don't know how.

As a beginner, I do not know much, so I ask a lot of questions. Please let me know if I have provided the information properly. Please let me know if the gist of the question is wrong. I need your opinion.

Shantaram Tupe · Accepted Answer · 2017-08-08T06:08:03.120

2

Change your return type to List<HashMap<String, Object>> instead of String and return members,

@RequestMapping(value="show_allMember.do",produces = MediaType.APPLICATION_JSON_UTF8_VALUE,method = RequestMethod.GET)
public @ResponseBody String memberList(ModelAndView mav)
{
    List<HashMap<String, Object>> members = aService.getMemberList();
    return members ;
    //OR
    //return aService.getMemberList();

}

In Ajax Success try to access as

type: 'GET',
success: function(mList)
    {
        console.log(mList);
        $.each(response.mList, function(index, value)
        {
            console.log(value.yourMapKey);
        });
   },

Changed method = RequestMethod.POST to method = RequestMethod.GET Hope this help...

edited Aug 08 '17 at 06:08

answered Aug 08 '17 at 05:43

Shantaram Tupe

1,646
3
16
42

An error has occurred 406() error in developer toos TT – Seongwon-Choi Aug 08 '17 at 05:55
1

changed value to `value="/show_allMember.do"` add `/` – Shantaram Tupe Aug 08 '17 at 05:57
1

Have you added `Jackson` library jars ? – Shantaram Tupe Aug 08 '17 at 05:59
1

Have lokk at this for 406 Not Acceptable https://stackoverflow.com/a/7469297/3425489 – Shantaram Tupe Aug 08 '17 at 06:03
I will refer to it. – Seongwon-Choi Aug 08 '17 at 06:11
kkkkkkkkkkkk OMG.. I modified the ajax code to type = 'GET', but the controller did not make any modifications. So I got an error .. I am a fool. – Seongwon-Choi Aug 08 '17 at 06:15
1

Let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/151336/discussion-between-shantaram-t-and-). – Shantaram Tupe Aug 08 '17 at 06:21

Nikolai · Answer 2 · 2017-08-08T05:59:47.907

1

You don't need using GET for getting data from server.
You don't need using ModelAndView. It is using for create html page by ViewResolver - it takes the form of a String view name and put into the form objects from a model.

You can just return needed data from method:

    @RequestMapping(value="show_allMember.do",produces = MediaType.APPLICATION_JSON_UTF8_VALUE, method = RequestMethod.GET)
    public @ResponseBody List<HashMap<String, Object>> memberList()
    {
        return aService.getMemberList();
    }

And fix request:

$.ajax
({
    type: 'GET',
    url: 'http://localhost:8080/rachelivf/show_allMember.do',
    dataType:'JSON',
    success: function(response)
    {
        $.each(response, function(index, value)
        {
            console.log(value);
        });
   },
   error: function(xhr,ajaxOptions,thrownError)
   {
       if(xhr.status == 404)
     {
           alert(thrownError);
     }
   }
 });

edited Aug 08 '17 at 05:59

answered Aug 08 '17 at 05:49

Nikolai

760
4
9

1

success: In the function (response) part, does the response contain the value returned by the controller? – Seongwon-Choi Aug 08 '17 at 06:03
1

response is the value returned by the controller (`responce has type List>`) – Nikolai Aug 08 '17 at 06:05
I'm sorry to bother you, but I do not know how to talk 1: 1. I would appreciate it if you walk. – Seongwon-Choi Aug 08 '17 at 06:16
Let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/151338/discussion-between-nikolay-and-). – Nikolai Aug 08 '17 at 06:34

How do I get the values of the model returned from Controller in ajax?

2 Answers2