How To Get ViewBag Value In Javascript

August 18 2020 by Admin

In this article, we will explain how to get ViewBag value in Javascript with an example and a sample code.

In this article, we will explain how to get ViewBag value in Javascript with an example and a sample code. In this example, we have created a sample form page, We are using ViewBag for display message in the Javascript on window onload function.

Step -1

Open Visual Studio. Click on the file in the menu and select new Project .

Step -2

Select new project type.

Index.cshtml

We have provided html code below.

@model WebApplication1.Models.Stockmodel

Layout = null;

}

<!DOCTYPE html>

<html>

<head>

<title>How to get viewbag value in javascript.</title>

window.onload = function () {

if ('@ViewBag.Message' != '') {

alert('@ViewBag.Message')

}

</script>

</head>

<body>

@using (Html.BeginForm())

{

@Html.AntiForgeryToken()

<h4>Stockmodel</h4>

<hr />

@Html.ValidationSummary(true, "", new { @class = "text-danger" })

@Html.LabelFor(model => model.stockId, htmlAttributes: new { @class = "control-label col-md-2" })

@Html.EditorFor(model => model.stockId, new { htmlAttributes = new { @class = "form-control" } })

@Html.ValidationMessageFor(model => model.stockId, "", new { @class = "text-danger" })

</div>

@Html.LabelFor(model => model.StockName, htmlAttributes: new { @class = "control-label col-md-2" })

@Html.EditorFor(model => model.StockName, new { htmlAttributes = new { @class = "form-control" } })

@Html.ValidationMessageFor(model => model.StockName, "", new { @class = "text-danger" })

</div>

@Html.LabelFor(model => model.StockPrice, htmlAttributes: new { @class = "control-label col-md-2" })

@Html.EditorFor(model => model.StockPrice, new { htmlAttributes = new { @class = "form-control" } })

@Html.ValidationMessageFor(model => model.StockPrice, "", new { @class = "text-danger" })

</div>

<br />

</div>

}

<div>

</div>

</body>

</html>

Model

public class Stockmodel

{

public int stockId { get; set; }

public string StockName { get; set; }

public decimal StockPrice { get; set; }

}

StockController

public class StockController : Controller

{

// GET: Stock

public ActionResult Index()

{

return View();

}

[HttpPost]

public ActionResult Index(Stockmodel Stock)

{

ViewBag.Message = "Record Inserted successfully";

ModelState.Clear();

return View();

}

Screenshot

ViewBag

Home > MVC > How To Get ViewBag Value In Javascript