MVC Razor Ajaxコールからボタンクリック

Question

ボタンをクリックしてAjax関数を呼び出してコントローラアクションにポストするのは苦労しています。簡単なメッセージを出すことさえできません（ボタンをクリックすると何も起こりません）。明らかに、私は何か基本的なことを見逃している。それは何ですか？

私のカミソリの形でのAjaxスクリプト：

<script type="text/javascript"> 
    $('#UseShipAddr').click(function() { 
     $.ajax({ 
      url: "@(Url.Action("UseShippingAddress", "Checkout"))", 
      type: "POST", 
      data: { id: 50 }, 
      cache: false, 
      async: true, 
      success: function (data) { 
       alert(data); 
      } 
     }); 
    }); 
</script> 

私はAjaxの機能を呼び出すために使用したいボタンを：

<input type="button" value="Use Shipping Address" id="UseShipAddr" /> 

CheckoutControllerでのアクション：

// Ajax POST: /Checkout/UseShippingAddress/5 
     [HttpPost] 
     public ActionResult UseShippingAddress(int id) 
     {    
      return Content("It worked!"); 
     } 

Answer 1

このコードを試してください。

$(document).ready(function(){ 

    $('#UseShipAddr').click(function() { 

     $.ajax({ 
      url: "Checkout/UseShippingAddress", 
      type: "POST", 
      data: { id: 50 }, 
      cache: false, 
      async: true, 
      success: function (data) { 
      alert(data); 
     } 
    }); 
});