How to read string message from ViewBag to Javascript object?

Question

I have this action method which return error message and it did:

var content = responsePost.Content.ReadAsStringAsync().Result;
model = JsonConvert.DeserializeObject<MyAPIResponse>(content);
ViewBag.Message = model.message;

In my Razor view page, I try to read it with the following code:

@{ 
    var jss = new System.Web.Script.Serialization.JavaScriptSerializer();
    var userInfoJson = jss.Serialize(ViewBag.Message);
}
<script>
    var errors = JSON.parse('@Html.Raw(userInfoJson)');
    $(document).ready(function () {
    for (var i = 0; i < errors.Count; i++)
    {

    }
});
</script>

But the output rendered back is:

<script>
    var errors = JSON.parse('"[\"Passwords must have at least one non letter or digit character. Passwords must have at least one lowercase (\u0027a\u0027-\u0027z\u0027). Passwords must have at least one uppercase (\u0027A\u0027-\u0027Z\u0027).\"]"');
    $(document).ready(function () {
    for (var i = 0; i < errors.Count; i++)
    {

    }
});
</script>

I am using C# MVC Razor for the UI and in my API is Identity for the password policy.

Reza Aghaei · Accepted Answer · 2020-01-25 10:24:10Z

1

In the controller, just set the object in the bag:

public ActionResult Index()
{
    var errors = new[] { "error1", "error2" };
    ViewBag.Errors = errors;
    return View();
}

Then in view serialize and use it:

<script>
    var errors = @Html.Raw(Newtonsoft.Json.JsonConvert.SerializeObject(ViewBag.Errors))
    errors.forEach(item => { alert(item);});
</script>

Note:

In case you don't have an array in the bag, for example ViewBag.Errors = "error1", then don't use forEach, use alert(errors);
JSON.parse is unnecessary in this case. You are not receiving a string from server, you are rendering the html content and javascripts in the response.

edited Jan 25, 2020 at 10:24

answered Jan 25, 2020 at 10:05

Reza Aghaei

126k18 gold badges239 silver badges447 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to read string message from ViewBag to Javascript object?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related