如何在 AJAX 成功中访问 viewbag 值？

Posted 2023-05-09

【中文标题】如何在 AJAX 成功中访问 viewbag 值？

【英文标题】：How to access viewbag value in AJAX success?

【发布时间】：2019-07-24 05:51:14

【问题描述】：

这里我EditMyProfile 方法用于编辑客户详细信息。 在这种方法中，我尝试设置ViewBag.msg = 1 并返回return PartialView("MyProfile", getCusomerDetail);，设置ViewBag.msg = 0; 并返回return PartialView("EditMyProfile", customer); 并使用该ViewBag.msg 值希望在AJAX 成功上放置条件是否显示成功消息。 现在，问题是即使ViewBag.msg 在EditMyProfile 视图中具有价值，var message = '@ViewBag.msg' 在 AJAX 成功中也会提供var message = ""。对我的代码的任何帮助都将是一个很大的帮助 谢谢 下面是我的 AJAX

<script>
$(document).ready(function () 
    $("#EditMyProfileCreate").submit(function (ev) 
        debugger;
        ev.stopImmediatePropagation();
        var Action = $(this).attr('action');
        var formData = new FormData($(this)[0]);
        $.ajax(
            url: Action,
            type: 'POST',
            data: formData,
            async: false,
            success: function (data) 
                debugger
                var message = '@ViewBag.msg'; // Here the var message = "" even though @ViewBag.msg' has value
                if (message == "1") 
                    swal("Congratulations!", "Chages saved successfully", "success");
                    $("section#myAccountMainDiv").html(data);
                
                else 
                    $("section#myAccountMainDiv").html(data);
                                   
            ,
            cache: false,
            contentType: false,
            processData: false
        );
        return false;
    );
)

下面是我的

 [HttpPost]
    public ActionResult EditMyProfile(CustomerVM customer)
    
        if (ModelState.IsValid)
        
            using (emedicineEntities _db = new emedicineEntities())
            
                var getCustomer = _db.Customers.Where(x => x.CustomerId == customer.CustomerId).FirstOrDefault();
                getCustomer.CustomerName = customer.CustomerName;
                getCustomer.CustomerPhoneNumber = customer.CustomerPhoneNumber;
                getCustomer.CustomerEmail = customer.CustomerEmail;
                getCustomer.CustomerAddress = customer.CustomerAddress;
                getCustomer.ConfirmPassword = getCustomer.PasswordHash;                   
                _db.Entry(getCustomer).State = EntityState.Modified;
                _db.SaveChanges();

                ViewBag.msg = 1; // here ViewBag.msg is set 1 on successfull edit 

                var getId = Global.CustomerId;
                var getCusomerDetail = _db.Customers.Where(x => x.CustomerId == getId).FirstOrDefault();
                return PartialView("MyProfile", getCusomerDetail);
            
        
        else
        
            ViewBag.msg = 0; // here ViewBag.msg is set 0 when model is invalid 

            return PartialView("EditMyProfile", customer);
        
    

【问题讨论】：

如果我说一旦视图被渲染，模型对象就不存在了，我错了吗？关于 Razor 视图引擎的这一点对我来说仍然有点困惑

【参考方案1】：

要在 javascript 中访问 ViewBag 字典，您的 Javascript 代码块必须在 cshtml 文件中，而不是在外部 javascript 文件中。

在控制器中

public ActionResult Index()
    
        ViewBag.Data = "haha";
        return View();
    

在cshtml文件中

<script>
        $(document).ready(function ()                    
            alert('@ViewBag.Data');
        );
    </script>

当您通过 Ajax 调用调用控制器时，您需要在局部视图中将数据作为变量返回。我的建议是在部分视图的 cshtml 文件中创建一个隐藏字段，并在编译时分配 ViewBag 属性的值。然后在success函数里面获取隐藏字段的值并进行比较。