从浏览器检索数据到JavaScript

时间:2016-05-24 14:56:50

标签: javascript pug

我刚刚开始使用JS,我已经设法使用node.js,jade和plain JS将数据从MySQL数据库发布到网站。

现在我正在尝试反过来,即从网站获取数据到JS代码,然后将其插入数据库。

我在想的只是用按钮制作文本字段。当我填写文本字段并按下按钮时,它将被JS脚本收集并插入到数据库中。

然而,我遇到了Jade和监听器的问题,我甚至无法使用监听器来执行console.log。

这是我在.jade文件中到目前为止所做的。

extends layout

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

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

网站呈现得很好,但点击按钮时没有打印任何内容。

如果有人可以提示如何获取我的.js文件中的数据,这也是值得赞赏的。

1 个答案:

答案 0 :(得分:1)

在WWW的上下文中,JavaScript可以运行两个位置。

  1. 在服务器上,例如with node.js
  2. 在浏览器中嵌入<script>元素
  3. 由于您希望将数据放入服务器上的数据库中,因此您希望使用选项1.因此,请不要使用<script>元素。

    使用<form> (您可以使用客户端JS从表单中读取数据并将其发送到服务器(Ajax),但这似乎过于复杂以满足您的需求,应该是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?提供了一些起点。