javascript - 使用 Express 运行服务器端 Javascript 版本

标签 javascript html css node.js express

最近我开始学习网络编程,开始学习 javascript、node.js 和 express.js,我的目标是运行服务器端 javascript 函数(更准确地说是在 mysql 数据库中搜索某些内容的函数)在 html 上按下了一个按钮。

我的目录结构是这样的:一个主目录,包含一个目录“页面”。包含 server.js、dbFunctions.js 和“公共(public)”目录的页面。公共(public)包含 index.html、style.css 和一些图像。

服务器.js :

var express = require('express');
var app = express();
var path = require('path');
var port = 8888;

//allow to use static files
app.use(express.static("public"));

//start server

app.listen(port);
console.log("Server running on port" + port);

HTML 范例

<html>
 <head>
  <title>Test html</title>
 </head>
  <label for="key">Valid key:
   <input id="key" name="key" required>
  </label>
  <input type="checkbox" name="test" value="testval" checked>
  <button type="button">Button</button>
</html> 

所以基本上 HTML 有一个输入字段、一个复选框和一个按钮,如果单击按钮,它应该从 dbFunctions.js 运行一个带有参数的函数(取自字段和复选框作为 bool)on服务器端
我听说过一些关于 ajax 调用等的信息,但这些解释通常非常令人困惑。有没有“ Hello World ”的例子?

问候。

最佳答案

听起来您对 JS 还很陌生,所以我建议将其分解为两个部分。

一个是您的服务器端代码,另一个是您的前端代码。正如您所提到的,您发现前端代码令人困惑,我建议您在服务器端代码正常运行后返回到前端代码。

为了让事情变得简单,你可以使用类似 express generator 的东西哪个锅炉会为您准备好一切。

然后您可以关注this guide它将向您展示如何设置可以向其发出某种请求的路线。像 POST、GET 或 PUT 请求(这是您的前端 AJAX 代码最终将调用的内容)。

我的建议是尝试让您的路线正常工作并使用类似 Postman 的东西对其进行测试所以你不必担心同时构建前端。

当您对后端感到满意时,您可以开始研究如何从浏览器发出请求以命中您已设置的新后端路由。

关于javascript - 使用 Express 运行服务器端 Javascript 版本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49487278/

相关文章:

javascript - .NET doPostBack 触发后更新 javascript 变量

javascript - 如何从具有顺序号的值创建有序数组?

javascript - CSS3 关键帧动画问题为 "timelines"

css - 如何根据 body id 使用 LESS 设置样式

javascript - 添加关闭按钮 div 以关闭拳击

javascript - 如何在iframe中动态加载页面

html - 无法修复曾经有效的损坏的 CSS

javascript - 使用 jquery 将纯 javascript 编写的拼图转换为 javascript

javascript - 如何在javascript中弹出数组中的元素?

html - 画线的更好方法?