Trying to trigger an ajax call

Trying to trigger an ajax call

Hi Folks,

    I'm trying to call a controller with an Ajax request though the url user/MyAjaxCall.  console.log() prints some irrelevant url as and call not biked. Please give me a clue to proceed and I'm struck. Below is the code. I'm trying


  1. package net.practice;

  3. @Controller
  4. @RequestMapping(value = "/user")
  5. public class UserController {

  7. @RequestMapping( value = "/MyAjaxCall", method = RequestMethod.POST)
  8. @ResponseBody
  9. public String MyAjaxCall(@RequestBody User usrObject, @ModelAttribute("model") ModelMap model,                   String order) {
  10. System.out.println("Value Received" + order);
  11. System.out.println("Name " + usrObject.getFirstname());
  12. return "ajaxTest";
  13. }
  14. }

"ajaxTest" is an another ftl (Freemarker template) file. Is it something wrong with ftl file and ajax call ? Please comment your ideas. 


Ajax Call 

  1. <html>
  2. <head><title>ViralPatel.net - FreeMarker Spring MVC Hello World</title>
  4.     <script type="text/javascript">
  5.        $().ready(function() {    
  6.          
  7.           $('#reset').click(function() { 
  8.           
  9.           $('input[type=date], input[type=checkbox], input[type=text]').each(function () {
  10.             alert($(this).val());
  11.             $(this).val("");
  12.             alert('Reset Done');
  13.         });
  14.           });
  15.           
  16.           $('#getData').click(function() {  
  17.           $.ajax({
  18.            url: 'user/MyAjaxCall',
  19.            type: 'POST',
  20.            dataType: 'JSON',
  21.            data: {order: 'Client_Call'},
  22.            success: function(data) {
  23.            alert('Ajax Call Succeed');
  24.            }, 
  25.            error: function(data) {
  26.           
  27.            console.log(arguments);
  28.           
  29.            }
  30.           
  31.         });
  32.           });
  33.                    
  34.         });        
  35.          
  36. </script>
  37. <body>
      1.   <form name="Use1r" action="index.ftl" method="post"
        1. <table border=" 10" width="50" height="25">
  39.    <tr>
  40.    <td>
  41.    <input type="button" value="   Save   " id="getData" />
  42.    </td>
  43.    </tr>
  44.    </table>
  45.    <input type="reset" value= "Reset AML" id="reset"> 
                1. </form>
  47.   </fieldset>  
  48.     <#list model["userList"] as user>
  49.    <tr>
  50.    <td>${user.firstname}</td>
  51.    <td>${user.lastname}</td>
  52.    <td><input type="text" id="forCheckBox" name="forCheckBox"
  53.    value = ${user.checkValue}> </td>
  54.    <td>
  55.    <input type="button" id="forUpdateButton" name="forUpdateButton" value="Update" /> 
  56.    </td>  
  57.    </tr>  
  58.     </#list>
  59.   </table>
  60. </div>  
  61. </body>
  62. </html> 

I referred some already existing queries on the same question but had no luck. Please guide me. Please is what printed in console.log and how shall understand this error. 

Please help and Thanks.