@ Html.ActionLink from javascript

Question

javascriptコードで@ Html.ActionLinkをコード化する、つまりMVCアクションを呼び出すと、呼び出しビューに戻ることなく新しいビューが作成されます。

Answer 1

javascriptは、使用しているサーバー側の言語について何も知らないクライアント側の言語です。したがって、サーバーサイドのルート定義を使用してURLを生成するサーバーサイドヘルパーのjavascriptには、同等のものは存在しません。

あなたが達成しようとしているものは非常に明確ではないですが、あなたはサーバー側のヘルパーを使用して、このURLを生成することができジャバスクリプトを通じて、いくつかのURLを呼び出す使用する場合：

<script type="text/javascript"> 
    var url = '@Url.Action("SomeAction", "SomeController")'; 
    // do something with the url client side variable, for example redirect 
    window.location.href = url; 
</script> 

あなたがこれを使用する場合別のjavascriptファイル内のURL。サーバー側のヘルパーにはアクセスできません。状況に応じて、このURLをDOM要素に含めることもできます。例えば

：

<div id="foo" data-url="@Url.Action("SomeAction", "SomeController")">Click me</div> 

お知らせ私たちはDOMの中に埋め込まれており、生成されたURLは、常に我々のルーティング定義に基づいて、適切になることを保証するために、サーバー側のヘルパーを使用しているdata-url HTML5属性。今、私たちは、別のJavaScriptファイルに控えめに、このdiv要素のクリックイベントをサブスクライブしてURLを取得できます。

$('#foo').click(function() { 
    var url = $(this).data('url'); 
    // do something with the url client side variable, for example redirect 
    window.location.href = url; 
}); 

他の例としては、明らかに、サーバーサイドのHTMLヘルパーを使用して生成されなければならない標準<a>と<form>要素を含み、その後、別のjavascriptファイルで行う必要があるのは、対応するhrefまたはactionの属性を取得して実際のURLを取得し、そのURLで何かを行うことだけです。

Answer 2

もう1つの方法は、URLをページのどこかに隠した<div>に保存し、後でJavascript経由で呼び出すことです。

Index.cshtml：

<div style="display: none;" id="url"> 
    @Url.Action("SomeAction", "SomeController") 
</div> 

次にあなたが望む任意のリンクを構築するためにあなたのScript.jsファイルでこれを使用することができ、それは次のようになります。

var url = $("#url").text(); 

URL変数は、/SomeController/SomeActionにWebセーフのリンクが含まれます。