用于更新 mvc 中文本框值 asp.net 脚本不起作用

A script for upadate textbox's value in asp.net mvc didn' work

本文关键字:asp net 脚本 不起作用 更新 mvc 中文 文本 用于      更新时间:2023-09-26

我想在MVC5中使用Ajax更新文本框的值(包含cookie的值 asp.net。我对JavaScript很陌生,我写了这些代码,但我的代码不起作用。我没有收到任何错误,但它不起作用。我在外部文件"UpdateTxtBox.js"中编写了JavaScript,并将<script src="~/Scripts/UpdateTxtBox.js"></script>添加到Layout中。谁能告诉我有什么问题?

$(function () {
$("textCountProduct").change(function () {
    var count = $(this).val();
    var id = $(this).attr("productid");
    $.ajax({
        url: "/Goods/AddToCart",
        data: { Id: id, Count: count },
        type: "Post",
        dataType: "Json",
        success: function (result) {
            if (result.Success) {
                alert(result.Html);
                $("#CartItems").html(result.Html);
            }
            eval(result.Script);
        },
        error: function () {
            alert("error....");
        }
    });
});
});

Basket.cshtml 的一部分

@using (Html.BeginForm("AddToCart", "Goods", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
   @Html.TextBoxFor(modelItem => item.Count, new { @class="text textCountProduct" , style="width:40px;" , productid=item.GoodDetails.DetailsGoodID})
 }

好的控制器

public ActionResult AddToCart (int Id , int Count)
    {
        try
        {
            if (Request.Cookies.AllKeys.Contains("NishtmanCart_" + Id.ToString()))
        {
            //Edit cookie
            var cookie = new HttpCookie("NishtmanCart_" + Id.ToString(), (Convert.ToInt32(Request.Cookies["NishtmanCart_" + Id.ToString()].Value) + 1).ToString());
            cookie.Expires = DateTime.Now.AddMonths(1);
            cookie.HttpOnly = true;
            Response.Cookies.Set(cookie);
        }
        else
        {
            //Add new cookie
            var cookie = new HttpCookie("NishtmanCart_" + Id.ToString(), Count.ToString());
            cookie.Expires = DateTime.Now.AddMonths(1);
            cookie.HttpOnly = true;
            Response.Cookies.Add(cookie);
        }
            List<HttpCookie> lst = new List<HttpCookie>();
            for (int i = 0; i < Request.Cookies.Count; i++ )
            {
                lst.Add(Request.Cookies[i]);
            }
            bool isGet = Request.HttpMethod == "GET";
            int CartCount = lst.Where(p => p.Name.StartsWith("NishtmanCart_") && p.HttpOnly != isGet).Count();
            return Json(new MyJsonData()
            {
                Success = true,
                Script = MessageBox.Show("Good added successfully", MessageType.Success).Script,
                //Script = "alert('Good added successfully');",
                Html = "cart items  (" + CartCount.ToString() + ")"
            }
                );
        }

更新帖子 :我将 [HttpPost] 添加到控制器操作结果中,并向 javascript 添加了一些警报

$(function () {
alert("aleeeert");
$(".textCountProduct").change(function () {
    var count = $(this).val();
    var id = $(this).attr("productid");
    alert(count);
    alert(id);
    $.ajax({
        url: "/Goods/AddToCart",
        data: { Id: id, Count: count },
        type: "Post",
        dataType: "Json",
        success: function (result) {
            if (result.Success) {
                alert(result.Html);
                $("#CartItems").html(result.Html);
            }
            eval(result.Script);
        },
        error: function () {
            alert("error....");
        }
    });
});
});

它工作正常,但是当我刷新页面时,数据没有保存

由于您已将textCountProduct指定为 CSS 类,因此您需要在它前面加上 . 才能使用类选择器 (".class"),到目前为止,它正在寻找显然不存在的元素textCountProduct

$(".textCountProduct").change(

你在这里犯了错误$("textCountProduct")使用 . 作为选择器。应该是$(".textCountProduct")

检查包含的脚本的路径

<script src="~/Scripts/UpdateTxtBox.js"></script>