ASP.Net MVC 3.0+Razor 中的动态 javascript

Question

我有一个必须在运行时生成的 javascript。脚本的文本是在控制器类中生成的：

private string mapString
{
    get
    {
       Locations loc = new Locations();
       string appPath = Request.ApplicationPath;
       loc.ReadXml(Path.Combine(Request.MapPath(appPath) + "\\App_Data", "Locations.xml"));
       StringBuilder sb = new StringBuilder();
       for (int i = 0; i < loc.Specfications.Count; i++)
       {
          sb.Append("var myLatLng" + i.ToString() + "= new google.maps.LatLng(" + loc.Specfications[i].Y.ToString() + "," +
          loc.Specfications[i].X.ToString() + ");");
          sb.Append(" var beachMarker" + i.ToString() + " = new google.maps.Marker({position: myLatLng" + i.ToString() + ",map: map,icon: image,title:'" + loc.Specfications[i].Title + "'});"); 

....

...

...

      ViewData["MapString"] = mapString;

当我在脚本标签中使用它时：

 <script type="text/javascript">

              function initialize() {
                 @Server.HtmlDecode(ViewData["MapString"].ToString())

              }

</script>

它不会返回一个真正的文本，它会重新运行如下内容：

contentString0 = '

【问题讨论】：

• 首先你为什么需要在你的控制器中生成你的javascript？据我所知，您正在将经度和纬度传递给 Goole Maps API。为什么不创建一个只将您需要的数据作为 JSON 对象返回的控制器操作？
• 我该怎么做？你能举个例子吗？是的，我想在谷歌地图上动态标记。

Answer 1

您可能希望这样做，我认为这将比在控制器中生成代码更灵活：

控制器动作：

    public JsonResult GetCoords()
    {
        // your code here - im putting a generic result you may 
        // need to put some logic here to retrieve your location / locations 

        var result = new { lon = "51.0000", lat = "23.0000" };
        return Json(result, JsonRequestBehavior.AllowGet);

    }

在你看来添加：

    <script type="text/javascript">
        $(document).ready(function () {

            $.getJSON('/YourController/GetCoords', function (jsonData) {

                var lon = jsonData.lon;
                var lat = jsonData.lat;

                yourGoogleMapFunction(lon, lat);

            });
        });
    </script>