向Url.Action传递一个参数

Question

这是我的javascript函数:

function addMarker(x, y, meas_type, meas_status, meas_key) {
            var location = new google.maps.LatLng(x, y);
            var contentString = '<h3 >' + meas_type + '</h3>' + '<p>Status: ' + '<span style="color: red">' + meas_status + '</span>' + '</p>' + '<input type="button" class="btn btn-default" value="Details" onclick="window.location.href='@Url.Action("Index", "Home", new { param = meas_key})';" />' + '&nbsp;';
            var marker = new google.maps.Marker({
                position: location,
                map: map,
            });
            var infowindow = new google.maps.InfoWindow({
                        content: contentString
            });
            google.maps.event.addListener(marker, 'click', function () {
                        infowindow.open(map, marker);
                    });
        }

现在在contentString变量中，我想传递给索引方法meas_key作为参数!我该怎么做呢?它不是这样工作的

这个很好，但我需要发送meas_key作为参数:

var contentString = '<h3 >' + meas_type + '</h3>' + '<p>Status: ' + '<span style="color: red">' + meas_status + '</span>' + '</p>' + '<input type="button" class="btn btn-default" value="Details" onclick="window.location.href='@Url.Action("Index", "Home")';" />' + '&nbsp;';

Answer 1

这里的问题是@Url.Action是在服务器端完成的，当然没有办法在那里传递javascript变量。所以你可能需要这样做:

var url = '@Url.Action("Index", "Home")' + '?param=' + meas_type;
var contentString =
    '<h3 >' + meas_type + '</h3>'
    + '<p>Status: ' + '<span style="color: red">' + meas_status + '</span>' + '</p>'
    + '<input type="button" class="btn btn-default" value="Details" onclick="window.location.href=' + url + '" />'
    + '&nbsp;';

并且您可能想要考虑使用某种模板来使这个HTML结构更具可读性。