Jquery ajax调用后,UI中不会填充任何值

Jquery ajax调用后,UI中不会填充任何值,jquery,ajax,asp.net-mvc-4,Jquery,Ajax,Asp.net Mvc 4,我的应用程序包含两个文本框和一个操作链接。单击操作链接时,应在文本框中填充值。调试时,我可以看到模型值name、LastName,但这些值并没有在UI中填充。显示空白字段的用户界面。请让我知道为什么没有显示值 注意:由于模型和视图中有几个字段,我在这里列出了几个字段 视图: 控制器: public ActionResult GetDetails(User user) { user.Name = "first name"; user.L

我的应用程序包含两个文本框和一个操作链接。单击操作链接时,应在文本框中填充值。调试时,我可以看到模型值name、LastName,但这些值并没有在UI中填充。显示空白字段的用户界面。请让我知道为什么没有显示值 注意:由于模型和视图中有几个字段,我在这里列出了几个字段

视图:

控制器:

 public ActionResult GetDetails(User user)
 {             
        user.Name = "first name";
        user.LastName = "last name"; 

        return View("Registration", user);
 }
型号:

 public class BRUser
 {
     public string Name { get; set; }
     public string LastName { get; set; }
 }

您需要将ajax结果放入div UI中

 success: function (data) {
  $('#response').html(data);
                    }
和Div

<div id="response">Here my ajax data will be printed</div>

在ajax函数的成功回调中,需要将收到的值分配给文本框,如下所示

$("#btnSearch").click(function (e) {
    var url = '@Url.Content("~/")' + "signature/GetDetails";
            var idnumber = $("#txtDocumentNo").val();
            $.ajax({
                url: url,
                data: $('#frm1').serialize(),
                type: 'GET',
                success: function (data) {
                       $("#firstName").val(data.Name);
                       $("#lastName").val(data.LastName);
                    }
                });
                return false;

        });

您需要根据接收数据的格式更改文本输入框的ID/类别和值。

您必须自己将从服务器接收的数据绑定到UI字段。您也可以使用google Jquery插件来实现这一点,但您必须确保数据格式为Json。

如果您使用的是Ajax,则不需要返回视图,只需返回模型即可

控制器

并在Jquery中成功更新为

$.ajax({
                url: url,
                data: $('#frm1').serialize(),
                type: 'POST',
                success: function (data) {
                           $.each(data, function (key, val) {
                           if(key=="Name")
                           $("#firstName").val(val);
                            if(key=="LastName")
                           $("#lastName").val(val);
                        })
                })

那么,在AJAX调用之后,您在哪里为文本框赋值呢?好的,您必须使用您的数据在Success方法中更新您的UI。。。我错了吗?我试过了,但它没有显示价值。我保存了alertdata.Name成功:该值未定义正如我所说,您必须根据您的数据格式更改该值。尝试console.logdata并查看console中的值。如果您正确地从服务器发送数据,它应该以格式显示数据。当我看到控制台时,数据的值是完整的html代码,所以您得到了响应,但格式不正确。检查您从服务器发送的数据,并将格式设置为json。当我尝试将整个页面加载到div中时,我使用了$'divPersonalDetails'。loadurl2+'divPersonalDetails'来加载值。值已加载,UI显示值。但这些并没有受到模型的约束。因此,它显示验证错误消息,尽管它有值。如何使它们按您的建议更改代码,但UI中没有加载值。我成功地警告了数据,它给出了我的模型的名称空间。当我通知data.Name时,该值未定义:@lavanyab plz现在再试一次…我已经编辑了代码…你的控制器也被击中了吗?应用了更改。控制器被击中,值被分配给模型。还是一样的问题。我在每行$之后提醒键和val。这些地区没有人口。在控制台中,我发现TypeError:操作数E中的“In”无效。请将方法类型更改为ajaxNo的post。。控制台中仍然没有警报和类型错误。请容忍meCan,让我知道如何将其绑定到UI。我是MVC新手。请指导我首先您应该阅读关于mvc的JsonResult,如何以Json格式将数据返回给客户机。之后,您应该在Jquery官方网站上阅读关于ajax的文档和示例。文档和示例非常清楚。我相信你可以在5分钟内完成。
public User GetDetails(User _modelUser)
 {             
        _modelUser.Name = "first name";
        _modelUser.LastName = "last name";     
         return _modelUser;
 }
$.ajax({
                url: url,
                data: $('#frm1').serialize(),
                type: 'POST',
                success: function (data) {
                           $.each(data, function (key, val) {
                           if(key=="Name")
                           $("#firstName").val(val);
                            if(key=="LastName")
                           $("#lastName").val(val);
                        })
                })