javascript/jqueryからcshtmlファイルをどのように呼び出す必要がありますか？

Question

サイトのページにカスケードドロップダウンリストを追加しようとしています。私はhttp://www.mikesdotnetting.com/article/196/webmatrix-jquery-cascading-dropdown-listsで提示された例に従ってきました。唯一の変更は、私のアプリケーションに合うように変数名を変更したことと、特定の状況（つまり、新しいレコードの作成）に機能が存在するようにするためです。関連するコードの周りの文。

2番目のドロップダウンリストはページロード時に（期待通りに）無効になっていますが、1番目のドロップダウンリスト項目の1つが選択されたときに有効になりません。

$.getJSON('/GetClients/' + ActivityID, function (clients) { 

が正しいフォルダに見ていない：

私の疑惑は、私はおそらくラインに、正しくGetClients.cshtml（マイクのGetProducts.cshtmlの私の変化）を呼び出していないよということです。

理想的な世界では、Razorチルダ（〜）を使用して、サーバーバージョンまたはローカルホストの使用に関係なく正しく表示される完全なパスを強制できます。しかし、それはJavaScriptのオプションではないようです。

GetClients.cshtmlは、私が制御しようとしているJSコード、HTMLドロップダウンリストなどを含むcshtmlファイルと同じフォルダにあります。誰かが私に、上記のコードが「隣のドア」のファイルを参照するのか、参照しないのかを教えてもらえますか？もしそうでなければ、私は上記のコード行をどのように修正するべきですか？

Answer 1

GetClients.cshtmlファイルがルートの下にあるフォルダにある場合、そのフォルダをgetJSONメソッドに渡すURLに含める必要があります。たとえば、のは、あなたの構造は、このようなものですと言ってみましょう：あなたがgetJSONメソッドに渡す

root 
    folder 
     GetClients.cshtml 
     CallingPage.cshtml 
    Default.cshtml 
    etc 

urlは/folder/getclientsプラスあなたが渡す追加URLData /クエリ文字列でなければなりません。

Answer 2

Javascriptから直接ビューを呼び出すことはできません。そのビューを返すASP.NET MVCコントローラでアクションを作成するだけです。

public MyController{ 
    public ActionResult GetMyCoolCshtmlFile(){ 
     return View("pathToMyCoolCshtml.cshtml"); 
    } 
} 

とJSでそれを呼び出す：あなたは直接かみそりビューにアクセスすることはありません

$.get("/my/GetMyCoolCshtmlFile").done(function(yourMarkup){doWhatYouWantWithYourMarkup(yourMarkup);}) 

Answer 3

、あなたはアクションメソッド経由でアクセスします。

パスが正しくないため、問題が404になっていると思います。ブラウザコンソールを開くと、404エラーが表示されるはずです。

htmlヘルパーメソッドを使用して、アクションメソッドの正しい相対パスを生成します。かみそりビューエンジンは、このビューを実行する

var url="@Url.Action("GetClients","YourcontrollerName")";  
$.getJSON(url + ActivityID, function (clients) { }); 

は、ヘルパーメソッドを呼び出して、JavaScriptの変数に（アクション・メソッドへの正しい相対パスである）、そのメソッド呼び出しの出力を使用します。このソリューションは現在のページ/ URLに関係なく機能します。

GetClientsというアクションメソッドがあり、idを受け入れ、クライアントをJSON形式で返すと仮定します。

public ActionResult Getclients(int id) 
{ 
    // to do : Return a list of Clients as json 
} 

上記のコードは、剃刀の内側にあると機能します。あなたのコードがextenal javascriptファイルの中にある場合は、postで説明されているソリューションを使用してください。