JQuery $ .ajax（）私のコントローラ内のメソッドを呼び出すポストデータ

Question

私はまだJQueryを初めて使っていて、$ .ajax（）関数の使用には問題があります。 処理のためにコントローラにデータを送信しようとしています。

Jqueryをデバッグすると、ボタンをクリックしたときにajaxが呼び出されるように見えません。

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"); 
    } 

ボタン：

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

コントローラー：

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

はまた、この場合、私はポストを使用するか、jQueryの関数内でメソッドを呼び出すために取得する必要がありますか？

Answer 1

文字列をデータとして渡すだけで、コントローラがFormオブジェクトを必要としていることを考慮すると、サーバーはおそらく「見つかりません」というエラーを返している可能性があります。あなたがそれらを捕まえることができるように、私はいつもあなたのajax呼び出しにエラーイベントを追加することをお勧めします。正しいデータを渡すためとして

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

、あなたはおそらくこのような何かをしたいと思う：

var dataToSend = { "phone" : phone }; 

その後にデータを変更します。あなたは "とはどういう意味ですか

data: JSON.stringify(dataToSend),