從View中的腳本調用Controller Action

Question

我試圖從我的腳本調用控制器操作但該方法沒有被調用。

這是我的控制器動作：

 [HttpPost]    
 public ActionResult EditQuantity(int? id, int quantity)
 {
     if (id == null)
     {
          return new HttpStatusCodeResult(HttpStatusCode.BadRequest);
     }
     Cart cart = db.Carts.Find(id);
     if (cart == null)
     {
         return HttpNotFound();
     }
     cart.Quantity = quantity;
     db.SaveChanges();
     string url = this.Request.UrlReferrer.AbsolutePath;
     return Redirect(url);
 } 

這是我的腳本：

<script>
    function refreshTotal(ProductId) {
        var qty = document.getElementById("product-quantity-" + ProductId).value;
        var UnitPrice = document.getElementById("unit-price-" + ProductId).innerText;
        var total = qty * UnitPrice;
        document.getElementById("product-total-" + ProductId).innerHTML = "$" + total.toFixed(2);

        $.post('@Url.Action("EditQuantity", "Home")', { "id": ProductId, "quantity": qty }, function (data) {           

        });
    }
</script>

並且從HTML中調用腳本如下：

<td class=""><img src="" class="img-responsive" onclick="refreshTotal(@product.Id)"></td>

解決方案是在腳本中，從腳本調用沒有進行操作。

Answer 1

我在'productId'中輸入了一個拼寫錯誤 - 應該是'ProductId'。 它現在正在工作:)

Answer 2

您提供的代碼中的一切似乎都很好。 您是否在瀏覽器控制台中查找了任何javascript錯誤，並且您的操作是在正確的控制器中？