jQuery $ .ajax（）发布-数据到控制器中的调用方法

Question

I am still quite new to JQuery and am having difficulties with using the $.ajax() function. I am attempting to send data to controller for processing.

Debugging the Jquery, It doesn't look the ajax is called when click on the button.

  function getGuestInfo() {
        var phone= $('#phone').val();
         $.ajax({
            type: "GET",
            url: "/RequestForms/getGuestInfo.ajx",
            data: phone,
            cache: false,

            success: function(response){
                // we have the response
                window.alert("success"+   response); 
                $('#guestName').html(response);
                $('#address').val('');
                $('#email').val('');
                },
            });
          window.alert("Call"); 
    }

the button:

                    <input type="button" value="Call Func" onclick="getGuestInfo()"/>

Controller:

   ## @RequestMapping(value = "/getGuestInfo.ajx", method = {RequestMethod.GET, RequestMethod.POST})
public @ResponseBody String getGuestInfo(
    final RequestContext requestContext, @ModelAttribute Form form) { ## Do something }

Also, In this case should I use post or get to call the method in the Jquery function?

Answer 1

Considering that you are only passing a string as your data and your Controller is expecting a Form object, your server is probably returning a "Not Found" error. I would recommend always adding the error event to your ajax calls so you can catch them.

error: function (jqXHR, textStatus, errorThrown) {
   // Do something here
},

As for passing the correct data, you'll probably want to do something like this:

var dataToSend = { "phone" : phone };

Then change your data to:

data: JSON.stringify(dataToSend),