Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
Help us understand the problem. What is going on with this article?

ASP.NET MVC ビュー生成時にJavaScriptに値を受け渡す方法

More than 3 years have passed since last update.

ASP.NET MVCでビューを生成するとき、JavaScriptに初期化パラメータを受け渡したい場合があります。

値の受け渡しの方法は、
1. 直接的に値を受け渡す方法
2. 間接的に値を受け渡す方法
の2種類があります。

1. 直接的に値を受け渡す方法

この方法は、ビュー(cshtml)にJavaScriptを併記している場合に有効です。
ビュー生成時にJavaScriptの変数の右肩をRazor構文で置換します。

2. 間接的に値を受け渡す方法

Razor構文でJavaScriptの変数の右肩を置換する受け渡し方法は、
ビュー(cshtml)とJavaScript(js)を別ファイルで管理し、
ビューでJavaScriptを読み込んで利用する場合には使えません。

この場合、JavaScript(js)に受け渡したい値をHTMLに埋め込み
JavaScript(js)で埋め込まれた値を読み込む方法を採ります。

2-1. Inputタグを利用する
HTMLへの埋め込みにInputタグのValueを利用し、Inputタグ自体は非表示(hidden)とする。

2-2. ローカルストレージを利用する
こういった方法もありかも?

localStorage.setItem(key, strData);
var strData = localStorage.getItem(key);
y_oya
ものづくりが好きでエンジニアをやっています。アイデアを持ち合って、一緒に作り上げましょう!!
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away