Question

很抱歉，如果代码/问题没有道理，但如果做到了，希望有人能给我一些指导。

在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成功时，整个页面的一部分（内容）需要自动刷新，而不是手动重新加载整个页面。

Answer 1

第一次参加我的Ajax实验，了解了Ajax的工作原理。这就是我成功的方法。

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

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

ajax jquery加载html内容

1 个答案: