将 string[] 传递给 javascript

本文关键字：javascript string | 更新日期: 2023-09-27 18:35:28

我有一个 asp.net 应用程序，我正在尝试使用它的谷歌地图。 当我尝试将字符串数组传递给javascript时，根据这篇文章：

将值从 asp.net 传递给 javascript

我正在以aspx形式设置：

var locations = "<%=data %>";

调试正在评估位置，如下所示：

var locations = "System.String[]" ;

我的数据属性设置如下：

protected string[] data;
protected void Page_Load(object sender, EventArgs e)
{
  data = new string[] { "26.2486591339111,-80.2002334594727", "26.2344417572021,-80.1393356323242", "26.0818271636963,-80.2083358764648", "26.2701854705811,-80.1152496337891", "26.2009468078613,-80.1440734863281" };
}

我没有在位置上获得任何纬度/纬度值。我做错了什么？

我对Javascript比较陌生，所以请:D

谢谢！

编辑#1

我确实尝试了"和"在<%=data %>周围，但都没有区别。

编辑#2

aspx 的主体，以防它有帮助：

<body>
  <div id="map" style="width: 500px; height: 400px;"></div>
  <script type="text/javascript">
      //var locations = [
      //  ['Bondi Beach', -33.890542, 151.274856, 4],
      //  ['Coogee Beach', -33.923036, 151.259052, 5],
      //  ['Cronulla Beach', -34.028249, 151.157507, 3],
      //  ['Manly Beach', -33.80010128657071, 151.28747820854187, 2],
      //  ['Maroubra Beach', -33.950198, 151.259302, 1]
      //];
      var locations = '<%=data %>';
      var map = new google.maps.Map(document.getElementById('map'), {
          zoom: 10,
          center: new google.maps.LatLng(-33.92, 151.25),
          mapTypeId: google.maps.MapTypeId.ROADMAP
      });
      var infowindow = new google.maps.InfoWindow();
      var marker, i;
      var pinColor = "#";
      for (k = 0; k < 3; k++) {
          pinColor += ("0" + (Math.random() * 256 | 0).toString(16)).substr(-2);
      }
      var pinImage = new google.maps.MarkerImage("http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=%E2%80%A2|" + pinColor,
                  new google.maps.Size(21, 34),
                  new google.maps.Point(0, 0),
                  new google.maps.Point(10, 34));
      var pinShadow = new google.maps.MarkerImage("http://chart.apis.google.com/chart?chst=d_map_pin_shadow",
                  new google.maps.Size(40, 37),
                  new google.maps.Point(0, 0),
                  new google.maps.Point(12, 35));
      for (i = 0; i < locations.length; i++) {
          marker = new google.maps.Marker({
              position: new google.maps.LatLng(locations[i][1], locations[i][2]),
              icon: pinImage,
              shadow: pinShadow,
              map: map
          });
          google.maps.event.addListener(marker, 'click', (function (marker, i) {
              return function () {
                  infowindow.setContent(locations[i][0]);
                  infowindow.open(map, marker);
              }
          })(marker, i));
      }
  </script>
</body>

将 string[] 传递给 javascript

.

NET Array没有你期望的ToString（）方法 - 它正在使用Object的基类实现，它只返回类型名称（System.String[]）而不是字符串化实际数据。

简单的解决方法（但不是那么好），您需要实现自己的字符串转换器，或者只是将数据序列化为 JSON，如下所示：

var locations = "<%=Html.Raw(new JavascriptSerializer().Serialize(data)) %>";

需要Html.Raw以避免对 JSON 进行 HTML 编码。

PS：不推荐使用 MVC 服务器端注入构建 javascript 的方法。我强烈建议单独调用 Ajax 加载数据，或者至少在 HTML 中呈现它并在 Javascript 中读取。

一个更简单的。

var locations = ["<%= string.Join(",", data) %>"];
相关文章：