在查看部分视图之前，我需要查看加载指示器答案

【问题标题】：I need to view loading indicator before viewing my partial view在查看部分视图之前，我需要查看加载指示器
【发布时间】：2018-04-10 07:13:57
【问题描述】：

这是我的代码 html。

<input type="button" name="signup_submit" data-toggle="collapse" data-target="#panel" onclick="generate('#report', '_DailyReport', 'Reports');" class="btn btn-primary toggle" id="btnSubmit" value="Generate"  />

部分视图 div

<div class="panel panel-default" id="report" style="display:none">

这是我查看局部视图的ajax

var generate = function (editHtmlInnerId, EditActionName, EditcontrollerName) {
    debugger;
$.ajax({
    url: "/" + EditcontrollerName + "/" + EditActionName,
    type: $("#addNewUserForm").attr('method'),
    data: $("#addNewUserForm").serialize(),
    success: function (result) {

        $(editHtmlInnerId).html(result);
        $(editHtmlInnerId).show();

       },
    error: function () {
    }
});
};

所以我需要显示加载指示器，直到数据加载到部分视图中。我的局部视图包含一个生成数据的表。

【问题讨论】：

错误是什么？

标签： javascript .net ajax

【解决方案1】：

您可以在调用 ajax 之前显示加载指示器，然后将其隐藏在“成功”和“错误”事件中：

var generate = function (editHtmlInnerId, EditActionName, EditcontrollerName) {
    debugger;

// Shows div with loading stuff.
$("#divLoading").show();

$.ajax({
    url: "/" + EditcontrollerName + "/" + EditActionName,
    type: $("#addNewUserForm").attr('method'),
    data: $("#addNewUserForm").serialize(),
    success: function (result) {

        // Hides loading indicator.
        $("#divLoading").hide();

        $(editHtmlInnerId).html(result);
        $(editHtmlInnerId).show();

       },
    error: function () {

        // Hides loading indicator.
        $("#divLoading").hide();

    }
});

【讨论】：