使用Express运行服务器端JavaScript版本

最近我进入了Web编程，我开始学习JavaScript，node.js and express.js，我的目标是运行服务器端JavaScript函数(要更准确地将函数到按下按钮在HTML上时，请在MySQL db中搜索一些东西。

我的dir结构就是这样：一个主dir，包含一个dir" page"。包含server.js，dbfunctions.js和" public" dir的页面。公开包含index.html，style.css和一些图像。

server.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运行带有参数的函数服务器端
我听说过有关Ajax电话等的信息，但是这些解释通常非常令人困惑。有没有" Hello World"例子？

问候。

听起来您是JS的新手，所以我建议将其分解为两个组件。

一个是您的服务器端代码，另一个是您的前端代码。正如您提到的，您发现前端代码令人困惑，我建议您回到这一点，一旦您使服务器端代码正常工作。

为了使事情变得容易，您可以使用诸如Express Generator的锅炉板为您的所有东西。

您可以遵循本指南，该指南将向您展示如何设置您可以提出某种请求的路由。像帖子一样，获取或提出请求(这是您的前端Ajax代码最终会打电话(。

我的建议是尝试使您的路线正常工作，并使用邮递员之类的东西进行测试，这样您就不必担心同时构建前端。

当您对后端感到满意时，您可以开始查看如何从浏览器中提出请求以击中您设置的新后端路线。

是的，请查看此惊人的帖子

https://medium.com/@adnanrahic/hello-world-app-with-with-node-js-and-express-c1eb7cfa8a30

这是一个示例Hello World节点JS应用程序，带有ExpressJS。

首先，您需要使HTML页面调用服务器。为此，您可以：

将您的按钮放在表单中，并将您的表单操作设置为等于/getHelloWorld
创建一个JavaScript脚本，并在Ajax中调用您的/getHelloWorld

在您的服务器中，您需要像这样捕捉路线：

server.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"));
app.get('/getHelloWorld', (req, res) => {
    res.send('hello world !');
});
//start server
app.listen(port);
console.log("Server running on port" + port);

使用此服务时，您的服务器将返回 Hello World 当您调用此道路时：/getHelloWorld。

然后，您只需要替换代码在路线上捕获代码即可致电您的数据库并返回您的数据库响应。

相关内容

最新更新

热门标签：