asp.net-mvcからjavascriptにデータを渡すためのベストプラクティス

Question

最近、ASP.NET MVCとJavascript/jQueryを使っていましたが、私はいつも渡す必要がある方向に向かっているようですいくつかの動的な値を "私のjavascriptに"。スクリプトは、右のページにあるとき、私はこのような何かをやった：

var isEditable = <%=ViewData["editable"]%> 

が、私はこれが&素早く簡単に、ちょうど私がHTMLに値を挿入したいようなものですかね。しかし、これはにおいがする。本当に、本当に悪い。また、Visual Studioのインテリセンスとコードの書式設定が壊れ、スクリプトが読みにくくなってしまいます。

それは別の解決策は、それがそのままスクリプトを保持しますので、これはおそらくはるかに優れて

<input type="hidden" id="editable" value="<%=ViewData["editable"]%>" /> 
var isEditable = $("#editable").attr("value"); 

...隠しフィールドに自分のデータを渡し、そのJavascriptの参照を持っているだろう私に発生したので、それを外部の.jsファイルに移動することができます。しかし、この解決策についての何かが理想的ではないように思われます。それとも私だけですか？

誰もあなたのスクリプトにデータを渡すためのベストプラクティス&ソリューションをお勧めできますか？私のスクリプトが最初にコントローラからのビューデータに大きく依存してしまうと、私は間違った方向に向かいましたか？

Answer 1

私は時々、JSONシリアライザを経由してページに設定オブジェクトを書き込むことによって、私のページにデータを渡す：あなたはToJsonメソッドを自分で書く必要があり

var pageConfig = <%= ServerConfig.ToJson() %>; 

。これにより、ページの状態がきちんと保持され、サーバー値を挿入する場所が1つだけになります。ここからのすべてが純粋なjavascriptです。あなたの例では、あなたがして行うことができます：

var isEditable = pageConfig.isEditable; 

も、外部のjsファイルで、pageConfigがグローバルである場合。しかしその場合は、適切に名前を付けてください：MY_APP.pageConfig。

Answer 2

あなたはその情報を何らかの方法で注入しようとしています。そして、IMO、あなたの最初の例は、2番目の例と実際には違いはありません。

別の解決策は、オプションオブジェクトを受け入れるJSクラス（またはプロトタイプ？）を持つことです。それは間違いありませんが、あなたが与えた例と実際には違いはありません。しかし、まだ、あなたはこのようにしたいと思うかもしれません。

$(function() { 
    myClass.init({ isEditable: <%=ViewData["editable"]%>, 
     another: '<%=ViewData["another"]%>' }); 
}); 

Answer 3

@çağdaşは良い点があると思いますが、サーバー側もチェックしてください。フィールドを「読み取り専用」に設定すると、ユーザーがそのフラグを変更したり、読み取り専用フィールドを変更したり、送信したりするのを防ぐことはできません。

Answer 4

Ajaxのビジネス全体は、のロードの情報を非同期にします。あなたがAjaxの仕事をしている（情報を読み込んで変数に保存している）なら、それはそこから力を得ています。なぜJQueryを試してみて、Ajaxを使うのか、Get関数を使ってコンテンツを動的に読み込まないのですか？それはあなたのページの読み込みを速くするのに役立ちます。