asp.net mvc html中怎么调用javascript语言

JavaScript024

asp.net mvc html中怎么调用javascript语言,第1张

我们需要用<text>将javascript代码包含起来,强制让razor编译器回到内容模式,

或者将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) {})//这只是一个例子