MVC实现局部视图刷新

因为使用到了jQuery所以需要引用

<script src="~/Scripts/jquery-1.8.2.js"></script>

这里是cshtml页面代码

<input id="txt" />
<button id="btn">提交(局部实现刷新)</button>
<div id="data">
   //刷新部分
</div>
<hr />

<script>
    $("#btn").click(function () {
        $("#data").load("/AjaxPartial/AjaxPartial", { "UserName": $("#txt").val() }, function () {
            alert("提交成功");
        });
    });
</script>

请求的局部视图控制器

 public class AjaxPartialController : Controller
    {
        //
        // GET: /AjaxPartial/

        public PartialViewResult AjaxPartial(string UserName)
        {
            List<string> msgs = new List<string>()
            {
                "张三",
                "33666646",
                "5454564",
                "1564564564",
                UserName
            };
            return PartialView(msgs);
        }

    }