访问字符串存储在ajax成功的ViewBag中

时间:2015-07-29 23:47:26

标签: javascript .net ajax asp.net-mvc asp.net-mvc-4

我是ASP.NET MVC的新手,我一直在寻找这个问题的解决方案,但我找不到任何合适的解决方案。我在stachoverflow上找到了一些解决方案,但没有任何对我有用。以下是一些链接:

Possible to access MVC ViewBag object from Javascript file?

MVC 3 - Assign ViewBag Contents to Javascript string

这是我对服务器的ajax调用:

var xhr = new XMLHttpRequest();
        xhr.open('POST', '/Prize/UploadPassport');
        xhr.send(formdata);
        xhr.onreadystatechange = function () {
            if (xhr.readyState == 4 && xhr.status == 200) {
                var data = JSON.parse(xhr.responseText)
                if (data.nationality != "") {
                    $('#PassportData tbody').append('<tr><td data-title="@Web.Resources.MyResources.PassportNationality">' + data.nationality + '</td><td data-title="@Web.Resources.MyResources.PassportName">' + data.passportName + '</td><td><a><i id="viewApp_' + data.passportID + '" class="fa fa-search fa-lg" onclick="ViewPassport(' + data.passportID + ');"> <iframe id="img_' + data.passportID + '" class="costumeiframe"></iframe></i></a></td></tr>');
                }
                else {
                    //var errorMsg = data.errorMsg;
                    ShowDataValidationMessage("@ViewBag.FileError"); //here i'm getting an empty string
                }
            }
        }

在我的服务器端操作中,我根据以下条件设置了ViewBag.FileError:

public ActionResult UploadPassport(HttpPostedFileBase FileUpload, string PassportCopyNationality)
    {

            if (Condition)
            {
                //Database access
            }

            else
            {
                if (isFileAlreadyExist)
                {
                    ViewBag.FileError = Web.Resources.MyResources.PassportAttachmentValidationForFile;
                }
                else if (file.ContentLength > 3145728 || !isFileTypeLegal)
                {
                    ViewBag.FileError = Web.Resources.MyResources.FileError;
                }

                return Json(new { nationality = "", passportName = "", passportID = "" });
            }


        }
        catch (IOException io)
        {

            return Json("File not uploaded");
        }
    }

我得到一个空字符串的问题

1 个答案:

答案 0 :(得分:5)

首先,@ViewBag.FileError(在您的脚本中)是剃刀代码,在您将视图发送到客户端之前在服务器上解析,因此除非您在生成此视图的GET方法中包含ViewBag.FileError = someValue ,那么它总是等于null

其次,您的UploadPassport()方法返回JsonResult而非视图,因此ViewBag甚至不存在。您可以通过将值添加到JsonResult来解决此问题,例如

 return Json(new { fileError = someValue, nationality = "", passportName = "", passportID = "" });

然后在脚本

中访问它
ShowDataValidationMessage("data.fileError");