[英]Path to controller method in external js (ASP.NET MVC)
我有ASP.NET MVC應用程序。
在這個應用程式中,我有指令碼,想移至外部檔案並遇到問題
這是代碼
function todolisttoday() {
$("#list").empty();
$("#counter").empty();
$.ajax({
url: '@Url.Action("GetTodayList", "Home")',
contentType: 'application/json; charset=utf-8',
data: JSON.stringify(),
type: 'POST',
dataType: 'json',
processData: false,
success: function (data) {
var list = data;
var count = Object.keys(data).length;
$("#counter").append('<b>' + "You have" + " " + count + " " + "appointments today" + '</b>');
for (var i = 0; i <= list.length - 1; i++) {
var timeobject = new Date();
timeobject.setTime(Date.parse(list[i].time));
var hours = timeobject.getHours();
var minutes = timeobject.getMinutes();
var ampm = hours >= 12 ? 'pm' : 'am';
hours = hours % 12;
hours = hours ? hours : 12; // the hour '0' should be '12'
minutes = minutes < 10 ? '0' + minutes : minutes;
var strTime = hours + ':' + minutes + ' ' + ampm;
var divslist = '<div class="listdiv">' +
'<b >' + (i + 1) + '</b>' + "." + " "
+ '<b class="title">' + list[i].title + '</b>' + " "
+ '<b >' + strTime + '</b>' + '<b class="status" style="display:none;">' + list[i].status + '<b>'
+ '</div>';
$("#list").append(divslist);
};
}
});
};
因此,據我所知,該行url: '@Url.Action("GetTodayList", "Home")'
將不起作用。
如果該函數將通過按鈕調用,則可以使用此data-request-url="@Url.Action("GetTodayList", "Home")"
但是函數在$(document).ready
頁面加載時被調用
如何使url路徑有效?
js文件無法作為cshtml進行編譯,因此@Url.Action("GetTodayList", "Home")
不能在JS中使用。
您可以在JS中設置此rl手冊,例如/home/GetTodayList
或
var jsModule = function (urls) {
.
.
$(document).ready(function(){
$.ajax({
url: urls.GetTodayList,
contentType: 'application/json; charset=utf-8',
data: JSON.stringify(),
type: 'POST',
dataType: 'json',
processData: false,
success: function (data) {
});
})
}
鑒於
<script src="..."></script>
<script>
var urls={GetTodayList:'@Url.Action("GetTodayList", "Home")'}
jsModule(urls);
</script>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.