Asp.net mvc 带jquery的asp.net mvc5 ajax

我正在建立一个我想要的网站在线商店，单击AddtoCart按钮，然后使用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>

课时班

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

---

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

视图：

---

您的整个问题标题只是您可能正在使用的技术标签。你能编辑这个来澄清你想做什么吗？更重要的是，你能在你的控制台中看到网络请求吗？控制台中是否有错误？

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

<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>

$('.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);
        }
    });
});