带有 jquery 的 asp.net mvc5 ajax答案

【问题标题】：asp.net mvc5 ajax with jquery带有 jquery 的 asp.net mvc5 ajax
【发布时间】：2015-02-24 15:05:38
【问题描述】：

我正在建立一个我想要的网站在线商店，点击添加到购物车按钮，然后在 ajax 会话中存储的商品数量并显示“已保存”消息但这不起作用并且不显示“保存”

查看：

<p>
    <img src="images/a.jpg">
    <input type="text" id="1232542">
    <button class="art-button">add to cart</button></p><p id="resolt">
</p>

jQuery :

$('#btntaeid1').click(function () {
    var number = $("#1232542").val();
    $("#resolt").html('loding...');
    $.ajax({
        type: "POST",
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: '@Url.Action("Main", "AddToCart")',
        data: { 'Number': number },
        success: function(aaaa) {
            $("#resolt").html(saved);
        }
    });
});

会话类

public class SessionCommodity
{
    private string NumberCommodity;

    public SessionCommodity()
    {

    }
}

主控制器中的 AddToCart 操作

[HttpPost]
public ActionResult AddToCart(int Number)
{
     var s = System.Web.HttpContext.Current.Session["cart"] as List<SessionCommodity>;
     if (s == null)
     {
         System.Web.HttpContext.Current.Session["cart"] = s;
     }
     s.Add(new SessionCommodity {NumberCommodity = Number });
     return Json(new {Added = true});
}

【问题讨论】：

您的整个问题标题只是您（可能）使用的技术的标签。您可以编辑此内容以阐明您要做什么吗？
更重要的是——你能在你的控制台中看到网络请求吗？控制台有错误吗？

标签： asp.net-mvc asp.net-mvc-5

【解决方案1】：

当单击 id 为“btntaeid1”的按钮时，您正试图调用 ajax 方法。但是你的 html 内容还没有得到那个元素。要么将 id 属性添加到 button 元素，要么更改单击函数以在单击存在的内容时触发。

查看：

<p>
    <img src="images/a.jpg">
    <input type="text" id="1232542">
    <button id="btntaeid1" class="art-button">add to cart</button></p><p id="resolt">
</p>

或根据您的帖子的 jquery 部分：

$('.art-button').click(function () {
    var number = $("#1232542").val();
    $("#resolt").html('loding...');
    $.ajax({
        type: "POST",
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: '@Url.Action("Main", "AddToCart")',
        data: { 'Number': number },
        success: function(aaaa) {
           $("#resolt").html(saved);
        }
    });
});

【讨论】：