Question

基于MusicStoreMVC应用程序示例，我创建的应用程序非常相似。差异因为我使用C＃而不是razor和* .aspx文件。

这里所说的是RemoveFromCart的控制器代码

       [AcceptVerbs(HttpVerbs.Post)]
    public ActionResult RemoveFromCart(int id)
    {
        // Remove the item from the cart
        var cart = ShoppingCart.GetCart(this.HttpContext);

        // Get the name of the album to display confirmation
        string productName = EchoJobsClassesDataContext.Carts
            .Single(item => item.RecordId == id).Product.ProductName;

        // Remove from cart
        int itemCount = cart.RemoveFromCart(id);

        // Display the confirmation message
        var results = new ShoppingCartRemoveViewModel
        {
            Message = Server.HtmlEncode(productName) +
                " has been removed from your shopping cart.",
            CartTotal = cart.GetTotal(),
            CartCount = cart.GetCount(),
            ItemCount = itemCount,
            DeleteId = id
        };
        return Json(results);
    }

JSON结果未传递回javascript中的handleUpdate（）。我发布下面的代码。我知道有很多答案，但是，我已经尝试了一切来使这项工作仍然没有成功。

使用Javascript：

    <script src="<%: Url.Content("~/Scripts/MicrosoftAjax.js") %>" type="text/javascript"></script>
    <script src="<%: Url.Content("~/Scripts/MicrosoftMvcAjax.js") %>" type="text/javascript"></script>
    <script src="<%: Url.Content("~/Scripts/jquery-1.5.1.min.js") %>" type="text/javascript"></script>
<%--    <script src="<%: Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js") %>" type="text/javascript"></script>
--%>    <script language="javascript" type="text/javascript">

            function handleUpdate(results) {
                var json = results.get_data()
                var data = Sys.Serialization.JavaScriptSerializer.deserialize(json);
                alert(data.toString());


//            // Load and deserialize the returned JSON data
//            var json = results.get_data();
//            var data = JavaScriptSerializer.deserialize(json);


            // Update the page elements
            //                    // Update the page elements
            //                    $('#row-' + data.DeleteId).fadeOut('slow');
            //                    $('#cart-status').text('Cart (' + data.CartCount + ')');
            //                    $('#update-message').text(data.Message);
            //                    $('#cart-total').text(data.CartTotal);

//            if (data.ItemCount == 0) {
//                $('#row-' + data.DeleteId).fadeOut('fast');

//            } else {
//                $('#cartItem-count-' + data.DeleteId).text(data.ItemCount);

//            }
//            $('#cartItem-total').text(data.CartTotal);

//            $('#update-message').text(data.Message);

//            $('#cartItem-status').text('Cart (' + data.CartCount + ')');

        }

请注意我已经注释了很多代码，只是为了看看结果是否在这里发布。我没有成功。

HEre是我的Index.aspx文件：

<% foreach (var item in Model.AsEnumerable())
   { %>
<%foreach (var cartItem in item.CartItems)
  {%>
<tr>
    <td>
        <%: Html.ActionLink(cartItem.Product.ProductName, "LearnMore", "ProductDetails", new { id = cartItem.ProductId },
        null)%>
    </td>
    <td>
        <%: Html.DisplayFor(cartitem => cartItem.Product.ProductPrice) %>
    </td>
    <td id="cartItem-count-<%:cartItem.RecordId %>">
        <%: Html.DisplayFor(caritem => cartItem.Count) %>
        <%: Ajax.ActionLink("Remove Count", "RemoveFromCart", new { id = cartItem.RecordId }, new AjaxOptions { OnSuccess = "handleUpdate", HttpMethod = "Post" })%>
    </td>
    <td id="row-<%:cartItem.RecordId %>">
        <%: Ajax.ActionLink("Remove From Cart", "RemoveFromCart/" + cartItem.RecordId, new AjaxOptions { OnSuccess = "handleUpdate", HttpMethod = "Post" })%>
    </td>
</tr>
<%} %>
<tr>
    <td>
        Total
    </td>
    <td id="cart-total">
        <%: Html.DisplayFor(modelItem => item.CartTotal) %>
    </td>
</tr>

如果我刷新页面，那么一切似乎都在工作，但没有，使用JSON。请原谅我，我是MVC和JSON的新手。这让我感到困惑。

感谢。

Jquery与MVC3 RemoveFromCart JSON无法正常工作

0 个答案: