ASP.NET Core Razor Pages - ViewData to javascript alert

Question

Hello,

In this sample application, I was trying to pop an alert OnPost but text got garbled.

However, in the page itself, a simultaneous inline display did render text correctly.

@page
@model IndexModel
@{
	ViewData["Title"] = "Home page";
}
<form method="post">
	<input type="submit" />
	<br />
	<br />
	<span>@ViewData["Message"]</span>
</form>
@section scripts {
	<script type="text/javascript">
		window.onload = function () {
			alert("@ViewData["Message"]");
		};
	</script>
}

using Microsoft.AspNetCore.Mvc.RazorPages;
namespace WebApplication1.Pages
{
	public class IndexModel : PageModel
	{
		public void OnPost()
		{
			ViewData["Message"] = "ABCD 甲乙丙丁";
		}
	}
}

I studied a similar case https://github.com/dotnet/aspnetcore/issues/47479

but that did not resolve mine, both my .cshtml and .cs have identical encoding.

Thanks in advance for any advice or direction.

Answer 1

Hi @Joyce,

Please use @Html.Raw(ViewData["Message"]) instead of @ViewData["Message"]. Here is my sample code and test result.

@section scripts {
	<script type="text/javascript">
		window.onload = function () {
			//alert("@ViewData["Message"]");
			alert("@Html.Raw(ViewData["Message"])");
		};
	</script>
}

---

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Best regards,

Jason