Компонент просмотра Не ​​загружается должным образом, css и js не работают с вызовом ajax

Question

Привет, я пытаюсь загрузить компонент просмотра, используя ajax при нажатии кнопки. Но компонент представления работает правильно, кажется, что css и js не работают.

Вот вызов ajax для компонента Load контроллера

$.ajax({
  url: window.location.origin + "/TestDashbook/LoadComponent",
  type: "post",
  dataType: "json",
  data: { 'dbid' : dbid },
  complete: function (result) {
        $("#divcontent").empty();
        $("#divcontent").html(result.responseText);
  }
});

Вот Контроллер

        [HttpPost]
        public async Task<IActionResult> LoadComponent(string dbid)
        {
            var dashtabcount = "0";
            var companyId = "1";
            var defaultdashbooklist = await dashbookService.FetchDefaultDashbooks();
            var dashbooklist = await dashbookService.FetchDashbooks(companyId);
            List<DashbookModelView> dblist = new List<DashbookModelView>();
            DashbookModelView dbmodel = dashbooklist.Where(s => s._id.ToString() == dbid).FirstOrDefault();
            return ViewComponent("TestMultiDash", new { dashbookModel = dbmodel, dashtabcount = dashtabcount, companyId = companyId });
        }

Вот результат

Это то, что надо выглядит как

Answer 1

Попробуйте следующее:

           success: function (result) {
                  $("#divcontent").empty();
                  $("#divcontent").html(result.responseText);
            },
            error: function (xhr, status, error) {
                console.log(status + " : operation failed, " + error)
            }

Answer 2

Вы используете обратный вызов complete, который не получит данные, которые вы отправляете обратно. То, что вы ищете, - это обратный вызов success.

From spe c:

complete
Тип: Функция (jqXHR jqXHR, String textStatus)
Функция, вызываемая по завершении запроса (после выполнения обратных вызовов успеха и ошибок). Функция получает два аргумента: объект jqXHR (в jQuery 1.4.x, XMLHTTPRequest) и строку, классифицирующую статус запроса («успех», «не изменен», «нет содержимого», «ошибка», «тайм-аут». , "прерывание" или "ошибка синтаксического анализа"). Начиная с jQuery 1.5, полная настройка может принимать массив функций. Каждая функция будет вызываться по очереди. Это событие Ajax.

успех
Тип: Функция (Anything data, String textStatus, jqXHR jqXHR)
Функция, вызываемая в случае успешного выполнения запроса. Функция получает три аргумента: данные, возвращаемые сервером, отформатированные в соответствии с параметром dataType или функцией обратного вызова dataFilter, если она указана; строка, описывающая статус; и объект jqXHR (в jQuery 1.4.x, XMLHttpRequest). Начиная с jQuery 1.5, настройка успеха может принимать массив функций. Каждая функция будет вызываться по очереди. Это событие Ajax.

Подробнее см. Документацию jquery .