在 Ajax Url 中使用 @url.action 的 .JS 文件

本文介绍了在 Ajax Url 中使用 @url.action 的 .JS 文件的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

I been trying to use @Url.Action inside Ajax url in another external .JS file but unfortunately i got no luck.

Here's my Code:

$.ajax({ type: 'post', url: "@Url.Action("ClearData","Home")", success: function () { } });

This Code working only inside the View itself but not in Javascript externally. Iv'e been searched some possible solution but it seems different than this.

Is there any alternative way to use @Url.Action in another .Js File?

解决方案

@Url.Action() is razor (server side) code and is not parsed in external files. Options include

Declaring a global variable in the main file, say

var url = @Url.Action("ClearData","Home");

and then in the external script use url: url in the ajax call

Including a data- attribute in the element your handling, for example if its a button click event, then

<button data-url="@Url.Action("ClearData","Home")" id="mybutton">

and then reading that value in the external file, for example

$('#mybutton').click(function() { var url = $(this).data('url'); $.ajax({ url: url, ....