javascript 如何从html文件中提取文本值来表达js

2ledvvac 于 2023-04-28 发布在 Java

关注(0)|答案(1)|浏览(142)

我只是试图从html文本字段中获取值，并将值分配给变量。
我需要html来获取所有这些值，并将响应回发到。html文件。

html：

<body>
            <form>
                <label for="stageURL">Stage URL:</label><br>
                <input type="text" id="stageURL" name="stageURL"><br>
                <label for="prodURL">Production URL:</label><br>
                <input type="text" id="prodURL" name="prodURL">
              </form>
              <button type="submit" form="form1" value="Submit">Submit</button>
        </body>

Express.js

const express = require('express');
const app = express();
const path = require('path');
const router = express.Router();
const port = 3000;

router.get('/',function(req,res){
    res.sendFile(path.join(__dirname+'/index.html')); // The user will see the html file in this path.
    let stageUrl = req.query.stageURL; //Need to fetch the input field data.
    let prodUrl = req.query.prodURL; // Need to fetch input field data.
    res.send(stageUrl+" : "+prodUrl); //print it back somewhere in the html file.
  });

html视图：

我想显示上面的HTML页面时，用户试图打http：//localhost：3000，我只需要得到的阶段和产品的URL时，用户点击提交按钮。

JavaScript

来源：https://stackoverflow.com/questions/76116321/how-to-extract-text-values-from-html-file-to-express-js

1条答案

按热度按时间

cpjpxq1n1#

您需要的是像ejs这样的模板引擎。首先，使用下面的命令安装ejs：

npm install ejs

然后，您可以在Express服务器中设置它：

const express = require('express');
const app = express();
const path = require('path');
const router = express.Router();
const port = 3000;

app.set('view engine', 'ejs');

let stageURL = '';
let prodURL = '';

router.get('/', function (req, res) {
  // The `index` here refers to the file in `views/index.ejs`
  stageURL = req.query.stageURL || stageURL;
  prodURL = req.query.prodURL || prodURL;
  res.render('index', { stageURL, prodURL });
});

之后，您的index.html应该被重命名为views/index.ejs：

<body>
  <form method="get" action="/">
    <label for="stageURL">Stage URL:</label><br />
    <input
      type="text"
      id="stageURL"
      name="stageURL"
      value="<%= stageURL %>"
    /><br />
    <label for="prodURL">Production URL:</label><br />
    <input type="text" id="prodURL" name="prodURL" value="<%= prodURL %>" />
    <br/>
    <button type="submit" value="Submit">Submit</button>
  </form>
</body>

有关如何使用EJS的更多信息，您可以参考以下指南：

赞(0）回复(0）举报 2023-04-28

我来回答

javascript 如何从html文件中提取文本值来表达js

1条答案

相关问题

热门标签

最新问答