javascript - テキストエリアのパラメータ値を使用してボタンをクリックします

Question

数値を入力できるテキストボックスと、その横にあるボタンを押すとjavascriptメソッドが呼び出され、テキストボックス内の整数値がパラメーターとして送信されるという非常に単純なシナリオがあります。

私はMVCを学んでいて、WebFormsに非常に甘やかされているので、ばかげた質問を許してください。しかし、なぜこれが機能しないのでしょうか。

    Enter Value 1-4<textarea id="param"></textarea>
    <br />
   <button id="btnTest" onclick="WCFJSONp(" + param.value + ")">Test Service</button>

Razorが私がやろうとしていることを理解することを期待して、「param.value」の前に@記号を追加しようとしましたが、それも機能しませんでしたか？そして、WebFormsによって台無しにされたMVC newbsについて、Javascript / HTMLの「クラッシュコース」へのリンクを推奨できる人はいますか？

Answer 1

あなたが質問を述べているように、これはMVCとはほとんど関係がありません-これはjavascriptだけです。通常、MVCプラットフォームを実行するときは、javascriptでjQueryを使用します。この場合、このようなものが機能します。

onclick="WCFJSONp($('#param').val());"

---

vsonclick="WCFJSONp(document.getElementById('param').value)"

getElementByIdを使用する場合、jQueryライブラリを使用するのではなく、ベースJavaScriptのみを使用します。

どちらか一方を使用することには、長所と短所があります。

• ベースJavaScriptを使用すると高速になり、jQueryライブラリをロードする必要がありません。
• jQueryは、DOMへの正確なインターフェイスを定義し、ブラウザー固有の問題を処理するため（この場合はおそらく問題ではありません）、スクリプトをより移植性の高いものにすることができます（これは私にとって大きな問題です）。
• jQueryは使いやすく理解しやすいです。（JavaScriptのベースに使用されているかどうかを議論する人もいるかもしれません）
• jQueryには高度な使用例がたくさんあります（ここでも問題ではありません）。

おそらくもっとありますが、これらは頭に浮かぶものです。

Answer 2

これは次のようになります。

onclick="WCFJSONp(document.getElementById('param').value)"