Pass value from AJAX to Controller using Spring MVC

Question

This is html code

  <ul id="myUL">
    <c:forEach var="userBean" items="${list}">   
    <li id="username"><a href="#">${userBean.username}</a></li>
    </c:forEach>  
    </ul>
<div class="card">
<p>${userBean.phoneno}</p>
<p>${userBean.Address}</p>
</div>

This is AJAX

<script>
  $("#myUL").click(function(){
      var username=$('#username').val();
      $.ajax({
            url: "details",
            type: 'GET',
            data: {username:username},
            success: function(data){
                   $("#card").html(data);
         }

      });
  });
  </script>

This is Controller code

@RequestMapping(value="details", method = RequestMethod.POST)
    @ResponseBody
    public ModelAndView details(@RequestParam UserBean userBean, HttpServletRequest request, HttpServletResponse response)
    {
        ModelAndView view = new ModelAndView();
        String username=userBean.getUsername();
        if(retrieveService.getdetail(userBean)!= null)
        {
            view.setViewName("welcomes");
        }
        return null;

    }

I don't know how to pass a value from AJAX to the controller. This is sample output

Name                  Details
john                  john
smith                 phoneno. 324242
                      Address:xyz

If I click Name i.e <li> tag. it will show Details from MySQL to JSP

Amar Prakash Pandey · Accepted Answer · 2018-09-26 09:43:56Z

1

Change your JavaScript Code to:

<script>
    $("#myUL").click(function(){
        var username=$('#username').val();
        $.ajax({
            url: "details",
            type: 'POST',
            data: {username:username},
            success: function(data) {
                         $("#card").html(data);
            }
        });
    });
</script>

And Change your Controller code to:

@PostMapping(value = "details")
    public ModelAndView details(@RequestBody UserBean userBean, HttpServletRequest request,
            HttpServletResponse response) {

        ModelAndView view = new ModelAndView();
        String username = userBean.getUsername();

        if (retrieveService.getdetail(userBean) != null) {
            view.setViewName("welcomes");
        }

    return view;
}

answered Sep 26, 2018 at 9:43

Amar Prakash Pandey

1,37418 silver badges25 bronze badges

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

Comments

dnny · Accepted Answer · 2018-09-26 09:26:45Z

0

You are sending GET request to controller which receives POST request?

answered Sep 26, 2018 at 9:26

dnny

1361 silver badge8 bronze badges

Comments

nicce · Accepted Answer · 2018-09-26 09:36:53Z

0

You should also use @RequestBody instead of @RequestParam since it's a POST and you send the data in the body and not in the url.

answered Sep 26, 2018 at 9:36

nicce

11 silver badge

Collectives™ on Stack Overflow

Pass value from AJAX to Controller using Spring MVC

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related