JS在线运行

版本:

所属目录
点击了解高性能代码运行API
运行结果
教程手册
代码仓库
极速运行
交互输入
极速运行模式,更高效的运行,点击编辑器上方的运行按钮即刻体验吧。
以下是用户最新保存的代码
生成指定范围的随机数 发布于:2023-03-23 16:06 指尖mud 发布于:2023-03-22 22:08 easyui方法扩展 发布于:2023-03-22 17:20 汇总计算,并输出比对结果 发布于:2023-03-20 17:40 JS触发Angular数据更新 发布于:2023-03-20 11:28 简易 sort 封装 发布于:2023-03-18 11:43 找出数组 arr 中重复出现过的元素(不用考虑返回顺序) 发布于:2023-03-17 14:27 使用JS判断一个字符串中重复出现次数最多的字符 发布于:2023-03-16 17:06 测试生成function 发布于:2023-03-16 09:43 原生js使用Cookie 发布于:2023-03-15 16:16 js时间日期 发布于:2023-03-15 15:12 js年月日 发布于:2023-03-15 15:05 循环打印输出双倍值 发布于:2023-03-15 09:51 风向util 发布于:2023-03-14 18:44 寻找100-200之间的素数 发布于:2023-03-13 16:43 阿拉伯数字转中文数字 发布于:2023-03-13 13:44 javascript snippets 发布于:2023-03-12 14:53 promise控制并发数量 发布于:2023-03-12 14:00 javascript 代码测试 发布于:2023-03-12 10:52 测试promise用法 发布于:2023-03-11 14:12 手撕promise 发布于:2023-03-11 10:37 格式化时间成时分秒的格式,前面补零 发布于:2023-03-10 07:33 搜索二维矩阵 II 发布于:2023-03-09 20:57 获取数字下标 发布于:2023-03-09 09:08 根据id 和 parentid 将数组数据转成嵌套结构 发布于:2023-03-08 16:03 手写 防抖 接口 递归深拷贝 发布于:2023-03-08 09:25 判断点是否在多边形内 发布于:2023-03-07 21:13 diffDate优化 发布于:2023-03-06 14:28 js得到两个时间的时间差 发布于:2023-03-06 13:58 js计算相差多少天 发布于:2023-03-06 14:01 归并排序算法 发布于:2023-03-03 16:39 无限循环没有图片 发布于:2023-03-03 10:09 二分搜索法 发布于:2023-03-02 16:37 测试项目 代码 发布于:2023-03-01 14:13 拼接对象键值为字符串,使用指定符号拼接 发布于:2023-02-28 14:28 正则捕捉pre,插入button 发布于:2023-02-27 21:03 测试map、forEach 发布于:2023-02-27 20:19 JS 手写题测试代码 发布于:2023-02-26 16:54 判断一个字符串中出现次数最多的字符并统计次数 发布于:2023-02-24 15:27 js 订阅消息时间 发布于:2023-02-23 22:10 nodejs基础能力测试 发布于:2023-03-21 11:21 nodejs基础能力测试 发布于:2023-02-23 12:28 Promise简易实现 发布于:2023-02-23 15:59 函数参数是否是传引用地址还是新创建对象 发布于:2023-02-22 11:15 JavaScript some不会对空数组进行检测 发布于:2023-02-21 10:37 call, bind , apply 发布于:2023-02-20 18:12 算法学习之二叉树递归遍历 发布于:2023-02-20 14:31 递归返回新数组 发布于:2023-02-17 10:04 将数据树形结构化 发布于:2023-02-16 21:19 数据结构排序 发布于:2023-02-16 20:24 [更多]
显示目录

POST 方法



POST 方法

在表单中通过POST方法提交两个参数,我们可以使用server.js文件内的process_post路由器来处理输入:

index.htm文件代码修改如下:

<html>
<body>
<form action="http://127.0.0.1:8081/process_post" method="POST">
First Name: <input type="text" name="first_name">  <br>

Last Name: <input type="text" name="last_name">
<input type="submit" value="Submit">
</form>
</body>
</html>

server.js文件代码修改如下:

var express = require('express');
var app = express();
var bodyParser = require('body-parser');

// 创建 application/x-www-form-urlencoded 编码解析
var urlencodedParser = bodyParser.urlencoded({ extended: false })

app.use(express.static('public'));

app.get('/index.htm', function (req, res) {
   res.sendFile( __dirname + "/" + "index.htm" );
})

app.post('/process_post', urlencodedParser, function (req, res) {

   // 输出 JSON 格式
   response = {
       first_name:req.body.first_name,
       last_name:req.body.last_name
   };
   console.log(response);
   res.end(JSON.stringify(response));
})

var server = app.listen(8081, function () {

  var host = server.address().address
  var port = server.address().port

  console.log("应用实例,访问地址为 http://%s:%s", host, port)

})

执行以上代码:

$ node server.js
应用实例,访问地址为 http://0.0.0.0:8081

浏览器访问http://127.0.0.1:8081/index.htm,如图所示:

现在你可以向表单输入数据,并提交,如下演示:

由JSRUN为你提供的JS在线运行、在线编译工具
        JSRUN提供的JS 在线运行,JS 在线运行工具,基于linux操作系统环境提供线上编译和线上运行,具有运行快速,运行结果与常用开发、生产环境保持一致的特点。