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> 

나는 아약스 기능을 호출하는 데 사용할 버튼 :

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