或者将javascript代码放在函数中,让razor编译器可以识别,请看下面两个例子:
附例一:
<script type="text/javascript">
//now add markers
@foreach (var item in Model) {
<text>
var markerlatLng = new google.maps.LatLng(@(Model.Latitude), @(Model.Longitude))
var title = '@(Model.Title)'
var description = '@(Model.Description)'
var contentString = '<h3>' + title + '</h3>' + '<p>' + description + '</p>'
var infowindow = new google.maps.InfoWindow({
content: contentString
})
var marker = new google.maps.Marker({
position: latLng,
title: title,
map: map,
draggable: false
})
google.maps.event.addListener(marker, 'click', function () {
infowindow.open(map, marker)
})
</text>
}
</script>
附例二:
<script type="text/javascript">
//some javascript code here to display map etc
...
//declare addMarker function
function addMarker(latitude, longitude, title, description)
{
var markerlatLng = new google.maps.LatLng(@(Model.Latitude), @(Model.Longitude))
var title = '@(Model.Title)'
var description = '@(Model.Description)'
var contentString = '<h3>' + title + '</h3>' + '<p>' + description + '</p>'
var infowindow = new google.maps.InfoWindow({
content: contentString
})
var marker = new google.maps.Marker({
position: latLng,
title: title,
map: map,
draggable: false
})
google.maps.event.addListener(marker, 'click', function () {
infowindow.open(map, marker)
})
}
//now add markers
@foreach (var item in Model) {
@:addMarker(@item.Latitude, @item.Longitude, '@item.Title', '@item.Description')
}
用ajax调用就可以了,需要注意的两点:
路径地方不要错了,如:UsersController在ajax的url中不要Controller,正确为url=/api/Users/GetName这个URL说明调用api文件夹下面UsersController控制器中GetName()方法。
ajax分post和get两种,要看控制器中方法的前面是用[HttpGet]还是[HttpPost],ajax与控制器中方法的前面一致就可以了。
至于参数和其他ajax传值一样。
如:
$.ajax('/api/Users/GetName', parameters, true, function (result) {})//这只是一个例子