ajax jquery 加载 html 内容答案

【问题标题】：ajax jquery to load a html contentsajax jquery 加载 html 内容
【发布时间】：2019-01-11 06:00:36
【问题描述】：

对不起，如果代码/问题没有意义，但如果有，希望有人能帮助给我一些指导。

在 AJAX (jquery) 中， $('.shift-template').html(X);

我需要将此代码（动态内容）提供给“X”。

@model ScheduleUsers.Models.ScheduledWorkPeriod

@{
    var shifttemplates = ViewData["shifttemplates"] as List<ScheduleUsers.Models.ScheduleShiftTemplate>;
}

<td id="shift-template-content">
    <select id="shift-template-@shiftcount" name="shifttemplate" class="form-control shift-template">
        @foreach (var st in shifttemplates)
        {
            @* If shift Id is (id 1), then display blank*@
            if (st.Id == "1")
            {
                <option value="@st.Id">-</option>
            }
            @* Else show shift template row*@
            else
            {
                var st_start = st.StartTime.Value.ToString("h:mm tt");
                var st_end = st.EndTime.Value.ToString("h:mm tt");
                <option value="@st_start|@st_end">@st_start - @st_end</option>
            }
        }
    </select>

</td>

我试图完成的是当 jquery 成功时，整个页面的部分（内容）需要自动刷新而不是整个页面手动重新加载。

【问题讨论】：

如何从 Controller 动作中渲染这个视图？
你是这个意思吗？ return PartialView("_scheduleShiftsTable", scheduleVM);
是的..您需要通过 AJAX 调用该控制器操作。
我该怎么做，能给我参考吗？
请参考this

标签： c# ajax asp.net-mvc

【解决方案1】：

我第一次进行 ajax 实验并了解了 ajax 的工作原理。这是我成功的方法。

我创建了一个新方法来提供来自数据库的表行端口，并让 ajax 调用该方法并专门更新表行。

$.ajax({
    type: "GET",
    url: "@Url.Action("DropDownAction", "Schedule")",
    success: function(response) {
        $('.shift-template').html(response);
    },
    error:function(){
    alert("Error!");
    }
});

【讨论】：