绑定AJAX成功数据以查看MVC中的页面控件

时间:2015-04-24 10:00:46

标签: jquery asp.net-mvc-4

我有一个包含两个字段的视图页面。我想在文本框中显示AJAX请求的结果。

@using (Html.BeginForm("", "", new { id = "myForm" }))
{
    @Html.LabelFor(x => x.EmployeeName)
    @Html.TextBoxFor(x => x.EmployeeName)                    
    @Html.LabelFor(x => x.EmployeeAge)
    @Html.TextBoxFor(x => x.EmployeeAge)

    <input type="button" value="Load" id="btnLoad" />
}

这是我的控制器操作方法代码:

public ActionResult UpdateName()
{
    EmmployeeModel obj = new EmmployeeModel();
    obj.EmployeeName = "Saty";
    obj.EmployeeAge = 20;
    return Json(obj, JsonRequestBehavior.AllowGet);
}       

点击按钮,这是我的ajax方法:

$(document).ready(function () {
    $("#btnLoad").click(function () {
        $.ajax({
            type: 'POST',
            contentType: 'application/json; charset=utf-8',                
            dataType: 'html',
            url: '@Url.Action("UpdateName")',
            success: function (result) {
                debugger
                $('#myForm').html(result);
            }
         });
    })
})            

ajax成功的输出看起来像

{
    "EmployeeName": "Satya",
    "EmployeeAge": 20
}

如何将此数据绑定到表单中的各个控件?提前致谢

0 个答案:

没有答案