MVC使用脚本刷新部分页面

刷新部分页面目前遇到的主要有两种方式：使用partialView、使用脚本（把数据用脚本写成网页表达形式）

1、使用partialView

此方法在我的博客里面有介绍过，参见

MVC通过PartialView部分加载刷新页面

2、使用脚本

$("input[class='btn']").click(function () {                $.ajax({                    url: "TaskBoardDetail",                    type: "Post",                    data: { "value": $(this).text() },                    success: function (data) {                      $.each(data, function (i, item) {                            strHtml += "<li id=\"AjaxButton\"><h1><i class=\"fa fa-user\"></i>客户:" + item.Name + "<br /></h1><h2>";                            if (item.DealNum != 0)                            {                                strHtml += "<span>" + item.DealNum + "</span>";                            }                            if (item.DoingNum != 0)                            {                                strHtml += "<span class=\"state-1\">" + item.DoingNum + "</span>";                            }                            strHtml+="</h2></li>";                        });                    }                    $("#Selector").html(strHtml);                    //此处重新绑定跟上述脚本设计的事件                    },                    error: function (XMLHttpRequest, textStatus, errorThrown) {                        alert("加载失败：" + errorThrown);                    }                });            });

其中，Selector是我页面上安置刷新内容的一个div，即<div class="tasks" id="Selector"></div>

另外注释部分：//此处重新绑定上述脚本涉及的事件，非常重要。

如果你刷新后的这部分内容还有事件，比如点击列表什么的，尽管你之前已经有过事件脚本，重新刷新这部分页面后，页面是刷新了，但是事件是没有反应的。需要在上述位置重新绑定事件。也可以理解为把事件在上述位置重新写一遍（事件比较分散的话）。