根据选择另一个保管箱将保管箱作为局部视图返回

Question

Controller code:

        public async Task<IActionResult> Create()
        {
            ViewBag.Cat_ID = new SelectList(_context.Category, "Cat_ID", "Cat_Name");
            var specialists = await userManager.GetUsersInRoleAsync("Specialist");
            ViewBag.Specialist_ID = new SelectList(specialists, "Id", "UserName");
            return Request.IsAjaxRequest() ? (IActionResult)PartialView() : View();
        }

Dropbox controller code:

        [HttpGet]
        public IActionResult CreatePopulateSCat(string CatID)
        {
            List<SubCategory> AllSubCategories = _context.SubCategory.ToList();
            List<SubCategory> SelectedSubCategories = AllSubCategories.FindAll(a => a.SCat_Cat.Contains(CatID));
            ViewBag.SCat_ID = new SelectList(SelectedSubCategories, "SCat_ID", "SCat_Name");
            return Request.IsAjaxRequest() ? (IActionResult)PartialView("CreatePopulateSCat") : View("Create");
        }

Create.cshtml:

            <select id="SCat_Cat" name="SCat_Cat" asp-for="Cat_Id" asp-items="(SelectList)ViewBag.Cat_ID" class="form-control" onchange="funct()">
                <option value="0">Pasirinkite kategoriją</option>
            </select>
@Html.Partial("CreatePopulateSCat", Model)

ajax code:

<script type="text/javascript">
    function funct() {
        var catvalue = document.getElementById("SCat_Cat").value;
        var url = "CreatePopulateSCat"
        alert(catvalue);
        $.ajax(
            {
                type: "GET",
                url: url,
                data: { CatID: catvalue },
                success: function (result) {
                    if (result.success) {
                        alert("Good");
                        document.getElementById("SCat_SCat").innerHTML = result;                     
                    }
                },
                error: function (req, status, error) {
                    alert(error);
                }
            });
        return false;
    }
</script>

I've tried many different iterations of this, and usually I was thrown back an error saying Root element not found, this iteration actually activates the controller code, but it doesn't return either the "success" or "error" code in ajax script. Just nothing happens.

I would really appreciate the help.

Answer 1

You are returning IActionResult type object from the CreatePopulateSCat(string CatID) Action. but in the UI you are trying to read result.success . IActionResult has got no success property. So your js will not work anyways.

If you are trying to work with JSON object then why not return a JSON object from the controller instead? The rendered view html can be a property of the json.

return Json(new { success = true, result = "ViewResult" });