使用JavaScript / Jquery更新模型

时间:2017-07-21 13:35:56

标签: javascript jquery ajax razorengine

我的视图中有一个强类型模型。在我看来,我还有一个foreach循环,它通过内容来渲染并呈现出一个带有conent的手风琴。我还有一个搜索框,其中包含一个键入事件,当您键入它时会触发该事件。该事件使用ajax调用获取新数据。所有这一切都很好。现在来问题了。有没有一种方法可以使用JavaScript / Jquery使用ajax调用中的新值更新Model。这是我正在使用的ASP.NET MVC 5。 这是我的代码。

  

查看

@model List<CMP_FastaSamarbeten_ProjektWeb.Models.SubSiteViewModel>

        @{
        foreach (var item in Model)
        {
            <div class="accordion">
                <a href="#">
                    <h4>@item.Title</h4>
                    <h4 class="status">@Resource.AccordionStatus</h4>
                    <i class="fa fa-chevron-right rotate"></i>
                </a>
            </div>
            <div class="accordion-desc">
                <h3>@Resource.AccordionProjectLead</h3>
                <h4>Kay Wiberg</h4>
                <h3>@Resource.AccordionDescription</h3>
                <p>
                @item.Description
                <p>
                <div class="link">
                    <a href="@item.Url">@Resource.AccordionGoTo</a>
                </div>
            </div>
        }
    }

<script>
    window.globalModel = [];
</script>
  

ajax调用和keyup事件

    $("#searcheBar").on("keyup", function () {

    var input = this.value;

    $.ajax({
        url: '/Home/SendSearchInput',
        type: 'POST',
        data: {input: input},
        dataType: "json",
        error: function (xhr) {
            console.log(xhr.statusMessage);
        },
        success: function (data) {

            for (var i = 0; i < data.length; i++) {
                console.log(data[i]["Title"]);
            }
            window.globalModel = data;
        }

    });//Ajax call


});//OnKey up

感谢您的帮助!

0 个答案:

没有答案