ブラウザからJavaScriptへのデータの取得

Question

JSで作業を始めました.Node.js、jade、plain JSを使用して、MySQL DBのデータをWebサイトに投稿することができました。

今私は別の方法、つまりウェブサイトからJSコードにデータを取得し、それをdbに挿入することを試みています。

私が考えているのは、単純にボタンでテキストフィールドを作ることです。テキストフィールドを入力してボタンを押すと、JSスクリプトによって収集され、DBに挿入されます。

しかし、Jadeとリスナーに問題があります。リスナーを使用してconsole.logを実行することもできません。

私のこれまでの.jadeファイルではこれがあります。

extends layout 

script. 
    var something = function() { 
    console.log('something') 
    } 

block content 
    button(onclick='something()') Click 

ウェブサイトはうまくレンダリングされますが、ボタンをクリックすると何も印刷されません。

誰かが私の.jsファイル内のデータを取り出す方法についてヒントを与えることができれば、それはまた評価されるだろう。

Answer 1

WWWのコンテキストでは、JavaScriptが実行できる場所は2つあります。

1. <script>要素に埋め込まれたブラウザ上でNode.jsの
2. 、

サーバー上のデータベースにデータを入れたいので、あなたはオプション1と行きたいだから使用しないで<script>要素。

は<form>を使用してください（フォームからのデータを読み取り、それをサーバーに送信するために、クライアント側JSを使用することができます（アヤックス）が、それはあなたのニーズに合わせてovercomplicated、あなたがいることを下るした場合layered on top of a plain HTML solutionする必要がありそうですルート）。

form(action="/myendpoint" method="post") 
    label 
     | Data 
     textarea(name="foo") 
    button Submit 

次に、取得するためにサーバーサイドコードを記述するだけです。その詳細は、NodeでHTTPサーバーを実装する方法によって異なります。

質問How do you extract POST data in Node.js?にはいくつかの出発点があります。