JS在线运行

版本:
运行结果
教程手册
代码仓库
极速运行
终端运行
图形+终端

                        
以下是用户最新保存的代码
括号匹配的增强版本,要求输出括号里的内容 发布于:2023-11-30 12:36 学习js的第二天 不知道代码有没有错 发布于:2023-11-29 20:33 学习代码的第二天 1. 自定义程序: -**gcd**(最大公因数) 发布于:2023-11-29 20:12 策略执行流程部分示例代码 发布于:2023-11-29 20:31 堆排序的实现 发布于:2023-11-27 22:36 在线人数显示 发布于:2023-11-26 11:46 初学者的呻吟! 发布于:2023-11-24 13:44 新共享员工工作量明细查询 发布于:2023-11-23 10:11 JS堆排序 发布于:2023-11-22 21:00 大根堆自顶向下 发布于:2023-11-22 21:20 交通信号灯 发布于:2023-11-21 09:12 第9章:交通信号灯实践 发布于:2023-11-21 09:20 时间 季姬击鸡记街机 发布于:2023-11-20 22:04 hello world 发布于:2023-11-20 13:00 hello world 发布于:2023-11-20 13:01 验证Promise.all嵌套Promsie.all的执行顺序 发布于:2023-11-17 16:41 测试运行结果 发布于:2023-11-16 18:21 浪潮PUT请求 发布于:2023-11-16 17:03 url参数 发布于:2023-11-15 11:06 无序数组中的第 K 大元素 发布于:2023-11-14 21:49 快速排序算法 发布于:2023-11-14 21:48 生成器函数 发布于:2023-11-14 20:49 查找一个无序数组中的第 K 大元素 发布于:2023-11-13 20:28 快速排序。 发布于:2023-11-13 20:26 一些常用方法 发布于:2023-11-13 17:36 快速选择排序求第几大数子 发布于:2023-11-12 11:09 快速排序算法 发布于:2023-11-12 10:33 实现数组去重 发布于:2023-11-09 21:53 实现数组的扁平化 发布于:2023-11-09 21:50 kuaipai 第k个 发布于:2023-11-09 17:05 不使用额外数组情况下,实现快速排序 发布于:2023-11-08 14:48 JS 打印过去30天的日期和星期 发布于:2023-11-07 19:57 JS 打印未来30天日期和星期 发布于:2023-11-07 19:55 js 原型 实战 发布于:2023-11-07 10:54 JS prototype 原型 发布于:2023-11-06 16:10 String相关处理函数 发布于:2023-11-06 14:51 求解无序数组中逆序对的个数 发布于:2023-11-06 14:29 归并排序算法 发布于:2023-11-06 14:21 手写apply和bind 发布于:2023-11-06 12:54 vue3源码解析 发布于:2023-11-06 16:16 Javascript数组相关函数 发布于:2023-11-06 11:05 求无序数组中逆序对的个数 发布于:2023-11-06 10:30 求出一组数据的有序对个数或者逆序对个数 发布于:2023-11-05 17:37 归并排序算法 发布于:2023-11-05 15:50 测试代码进制转换 发布于:2023-11-03 17:51 求解无序数组逆序对的个数 发布于:2023-11-02 18:08 归并排序问题 发布于:2023-11-02 17:41 萨达撒多啊实打实大 发布于:2023-11-02 16:42 总计有 n 个环,环的颜色可以是红、绿、蓝中的一种。这些环分别穿在 10 根编号为 0 到 9 的杆上。 给你一个长度为 2n 的字符串 rings ,表示这 n 个环在杆上的分布。rings 中每两个字符形成一个 颜色位置对 ,用于描述每个环: 第 i 对中的 第一个 字符表示第 i 个环的 颜色('R'、'G'、'B')。 第 i 对中的 第二个 字符表示第 i 个环的 位置,也就是位于哪根杆上('0' 到 '9')。 例如,"R3G2B1" 表示:共有 n == 3 个环,红色的环在编号为 3 的杆上,绿色的环在编号为 2 的杆上,蓝色的环在编号为 1 的杆上。 找出所有集齐 全部三种颜色 环的杆,并返回这种杆的数量。 发布于:2023-11-02 14:53 正则表达式测试 发布于:2023-11-02 11:14 [更多]
显示目录

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操作系统环境提供线上编译和线上运行,具有运行快速,运行结果与常用开发、生产环境保持一致的特点。