如何调用MVC3模式的javascript [英] How to call javascript in MVC3 pattern
问题描述
我是新来的ASP.NET MVC 3模式，我想打电话给在视图（或控制器）JavaScript函数，显示结果在 DIV 或跨度对象。
I'm new to the ASP.NET MVC 3 pattern and I want to call a JavaScript function in view (or controller), to display the result in a div or span object.
- 创建一个新的ASP解决方案MVC3（用剃刀）
- 添加新的JavaScript脚本中的文件夹
-
添加一个简单的脚本功能，新的JavaScript文件中，像这样的：
- I create a new ASP MVC3 Solution (using Razor)
- Add a new JavaScript in Script folder
Add a simple script function in the new JavaScript file, like this:
function HolaMundo(){
return "hola desde javascript";
}
从添加的JavaScript从我的默认控制器 index.csHTML 文件的引用。
@section JavaScript
{
<script src="@Url.Content("~/Scripts/Maps.Helper.js")" type="text/javascript">
</script>
}
最后补充呼吁功能：
Finally add a call for the function:
<p>
<div id="map_canvas2" style = "width:100%; height:100%">
result from Javascript
</div>
</p>
<script type="text/javascript">
$(document).ready(function() {
<text>
$('#map_canvas2').text(HolaMundo());
</text>
});
</script>
不工作
所以，可以在任何帮助我吗？我AP preciate你的帮助。
So, can any help me? I appreciate your help.
推荐答案
您应该删除＆LT;文本＆GT; 从脚本标记，这样的看法是这样的：
You should remove the <text> tags from your script so that the view looks like this:
<p>
<div id="map_canvas2" style = "width:100%; height:100%">
result from Javascript
</div>
</p>
<script type="text/javascript">
$(document).ready(function() {
$('#map_canvas2').text(HolaMundo());
});
</script>
的＆LT;文字和GT; 标记使用的剃刀间preTER来表示文字数值呈现为，无处理。当你在混合服务器端code。与客户端的标记或脚本这是非常有用。例如：
The <text> tag is used by the Razor interpreter to indicate a literal value to be rendered as-is without processing. It's useful when you are mixing server side code with client side markup or script. For example:
<script type="text/javascript">
$(document).ready(function() {
@if (Model.IsFooBar)
{
<text>$('#map_canvas2').text(HolaMundo());</text>
}
});
</script>
另外，还要确保您在 Index.cshtml 视图定义的部分：
@section JavaScript
{
<script src="@Url.Content("~/Scripts/Maps.Helper.js")" type="text/javascript"></script>
}
您应该确保在您的 _Layout.cshtml 地方注册。例如，在＆LT; HEAD＆GT; 。另外，还要确保你已经包括jQuery脚本到你的页面：
you should make sure that is registered in your _Layout.cshtml somewhere. For example in the <head>. Also make sure that you have included the jQuery script to your page:
<head>
<meta charset="utf-8" />
<title>@ViewBag.Title</title>
<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
@RenderSection("JavaScript")
</head>
...
或结束＆LT以前还要好; /体化合物其中建议放置脚本以避免阻塞浏览器中加载DOM撷取他们标签是：
...
<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
@RenderSection("JavaScript")
</body>
</html>
这篇关于如何调用MVC3模式的javascript的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
