MVC-ViewBag传值给前台-前台接收出现乱码解决方法

1.Controller代码

        /// <summary>
        ///     Course Category List
        /// </summary>
        /// <returns></returns>
        public async Task<ActionResult> CategoryList()
        {
            var courseCategoryNameAndCountList = await _courseCategoryAppService.GetCourseCategoryPublicAsync();
            var courseCategory = await _courseCategoryAppService.GetAllParentIdsPublicAsync(true);

            //
            var categoryName = Request.Query["categoryName"].ToString();
            if (!string.IsNullOrEmpty(categoryName))
            {
                ViewBag.CategoryName = categoryName;
                courseCategoryNameAndCountList = courseCategoryNameAndCountList.Where(x => x.Name.Contains(categoryName)).ToList();
            }
            //end

            var model = new CourseCategoryViewModel
            {
                CourseCategoryList = courseCategory,
                CourseCategoryNameAndCountList = courseCategoryNameAndCountList
            };

            return View(model);
        }

2.前台Jquery代码

@section Scripts{
    <script type="text/javascript">
        $(function () {
            
            // 如果是从课程详情页面里右侧的课程种类跳转过来的
            var categoryName = '@Html.Raw(@ViewBag.CategoryName)';     
            if (categoryName) {   
                $("#subject").val(categoryName);
            }         

            $("#btnSearch").click(function (e) {

                e.preventDefault();

                $("#myCourseCategoryList").load("/Course/GetCategoryListData",
                    {
                        courseCategoryId: $("#CategoryId").val(),
                        categoryName: $("#subject").val().trim()
                    }, function (data) {
                    });
            });
        });
    </script>
}