在checkbox事件中，tempdata值未通过控制器上的ajax调用

Question

我想将参数发送到我的控制器。这是我的视图页面：

<div>
  <li> <input name="chk" type="checkbox" value="1"> electronics </li>
  <li> <input name="chk" type="checkbox" value="2"> Construction</li>
  <li> <input name="chk" type="checkbox" value="1"> Hardware</li>
    <div class="row service-block" id="results">
      @Html.Partial("_searchPartial", Model)
    </div>
</div>

 $("input[type='checkbox']").on('change', function () {
            var checkboxes = document.getElementsByName('chk');
            var vals = "";
            for (var i = 0, n = checkboxes.length; i < n; i++) {
                if (checkboxes[i].checked) {
                    vals += "," + checkboxes[i].value;
                }
            }
            if (vals) vals = vals.substring(1);
            $.ajax({
                url: "/Search/SearchWorkers",
                type: "GET",
                dataType: 'html',
                data: { checkCategoriesId: vals,"City": "@ViewBag.City", "OrderBy": "@TempData["OrderBy"]" },
                contentType: "text/html;charset=utf-8",
                success: function (responce)
                {
                    $("#results").html(responce);
                },
                error:function (xhr, ajaxOptions, thrownError)
                {
                    alert("test");
                }
            })
        });

这是我的控制器：首先，我调用这个方法，保留orderby值。

[HttpGet]
        public ActionResult SearchPaging(string ItemSearchText,string City, string OrderBy, int PageNo, string Zipcode, string Flag,string checkCategoriesId)
        {
            TempData["OrderBy"] = OrderBy;
            return PartialView("_searchPartial", userDetailsModel.OrderBy(v => v.Fullname).ToPagedList(PageNo, 1));
    }


[HttpGet]
public ActionResult SearchWorkers(string checkCategoriesId,string OrderBy,string Flag,string City, int PageNo = 1)
{ 
 TempData["OrderBy"] = OrderBy
  return PartialView("_searchPartial", userDetailsModel.OrderByDescending(p => p.CreatedDate).ToPagedList(PageNo, 1));
}

我已经检查了tempdata的值，它正在视图页面上显示值。

但当我触发checkbox更改事件并传递tempdata值时，我得到的是null值。

我不知道出了什么问题

有人能猜出来吗？

Answer 1

虽然您可能已经找到了答案，但对于其他有相同问题的人，我将添加我的答案。

正如Stephen Muecke所建议的，您可以使用隐藏值来根据checbox更改的事件更新您的值。

您还可以获取复选框的当前值并将其传递给控制器，你只需要这一行

OrderBy: $(this).attr("value");

这是您的代码：

$("input[type='checkbox']").on('change', function ()
{
 $.ajax({
                url: "/Search/SearchWorkers",
                type: "GET",
                dataType: 'html',
                data: { checkCategoriesId: vals,"City": "@ViewBag.City",                   "OrderBy": $(this).attr("value"); },
                contentType: "text/html;charset=utf-8",
                success: function (responce)
                {
                    $("#results").html(responce);
                }
 });
 });