node.js----一个httpserver提交和解析get参数的例子

最新推荐文章于 2023-03-09 11:53:03 发布
最新推荐文章于 2023-03-09 11:53:03 发布
阅读量137 收藏
点赞数
文章标签： javascript 后端 前端 ViewUI
原文链接：http://www.cnblogs.com/saintdingspage/p/11025949.html
版权
  • 前端代码
<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../../../../favicon.ico">

    <title>Sticky Footer Navbar Template for Bootstrap</title>

    <!-- Bootstrap core CSS -->
    <link href="../static/booststrap4/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="../static/mycss/sticky-footer-navbar.css" rel="stylesheet">
</head>

<body>

<header>
    <!-- Fixed navbar -->
    <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
        <a class="navbar-brand" href="#">Fixed navbar</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarCollapse">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item active">
                    <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">Link</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link disabled" href="#">Disabled</a>
                </li>
            </ul>
            <form class="form-inline mt-2 mt-md-0">
                <input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search">
                <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
            </form>
        </div>
    </nav>
</header>

<!-- Begin page content -->
<main role="main" class="container">
    <h1 class="mt-5">Sticky footer with fixed navbar</h1>
    <p class="lead">Pin a fixed-height footer to the bottom of the viewport in desktop browsers with this custom HTML and CSS. A fixed navbar has been added with <code>padding-top: 60px;</code> on the <code>body &gt; .container</code>.</p>
    <p>Back to <a href="../sticky-footer">the default sticky footer</a> minus the navbar.</p>
    <form action="http://127.0.0.1:8090/?name=cpc&age=22" method="post">
#这里action属性如此构造纯粹是上机实验的需要，为的是能使用fs或者http模块解析查询参数
        <p>
        <textarea name="rec" cols="120" rows="8">
        </textarea>
        </p>
        <p>
            <button type="submit" class="btn btn-outline-primary">提交</button>
        </p>
    </form>
</main>

<footer class="footer">
    <div class="container">
        <span class="text-muted">Place sticky footer content here.</span>
    </div>
</footer>

<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="../static/booststrap4/js/jquery-3.3.1.min.js"></script>
</body>
</html>

效果:

点击提交以后，后端js脚本能够解析get和post请求参数和数据

  • node.js后端代const http = require('http');var myquerystring = require('querystring');var myurl = require('url');var myfs = require('fs');var str="";
http.createServer(function(req,res){ var myreq = myurl.parse(req.url,true); console.log(myreq.query.name); #解析url中的参数name  console.log(myreq.query.age); #解析url中的参数age req.on('data',function (data) { str+=data;#由于提交过来的数据量是多次到达的，所以用了+=操作符 }); req.on('end',function () {
 #定义了提交完成后的动作 const postdata = myquerystring.parse(str);#这里特地用querystring模块解析了提交的参数，也就是html里面name属性为rec的容器值 console.log(postdata); myfs.writeFile('the pulp fiction.txt',postdata.rec,function(err){
　　　　　　　　#调用fs模块完成写入 if (err) throw err; console.log('file saved'); }) }); res.end(); }).listen(8090);

输出结果:

cpc
22
[Object: null prototype] {
rec:
' rec= Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 \r\nNode.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。 ' }
file saved
undefined
undefined
[Object: null prototype] {
rec:
' rec= Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 \r\nNode.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。 ' }
file saved

 

转载于:https://www.cnblogs.com/saintdingspage/p/11025949.html

weixin_30875157
关注
Node.js-node实现的小型http服务器
08-10
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境，它让开发者能够使用 JavaScript 来编写服务器端程序。在本项目中，“Node.js 实现的小型http服务器”是一个利用 Node.js 开发的基本 Web 服务器，它可以...
http服务器简单实现-HttpServe-get/post处理
xie__jin__cheng的博客
06-20 4126
代码 import java.io.IOException; import java.io.OutputStream; import java.io.UnsupportedEncodingException; import java.net.InetSocketAddress; import java.net.URLDecoder; import java.util.Arrays; import ...
Node.js 创建HTTP服务器和GET/POST请求
gdjlc的专栏
03-23 2660
Node.js自带的http模块可以创建服务器，也可以发送GET和POST请求。 一、创建服务器 使用http.createServer()方法创建服务器，使用listen方法绑定端口3000。 通过req, res参数来接收和响应数据。 //httpserver.js const http = require('http'); const url = require("url"); const util = require('util'); const querystring = requi.
js http server 简易版 get 和 post 请求实现
who__care的博客
07-16 567
有时候我们需要快速搭建一个服务，那当然推荐nodejs或者python，这里介绍使用nodejs搭建服务的方式: var http = require('http'); var url = require('url'); /** * get 请求 */ http.createServer((req, res) => { res.writeHead(200, {'Content-Type': 'text/plain; charset=utf-8'}); // charset=utf-8
Nodejs获取请求参数
最新发布
baichaji的博客
03-09 2412
在nodejs中，代码修改后 需要我们手动重启代码，这个时候我们可以安装nodemon包 ，来解决手动重启的问题。cnpm i ajax --save 简写 -S 表示将依赖添加到package,json中。npm i ajax --save -dev 简写 npm i ajax -D 表示生菜博士。从req中获取请求相关内容，使用字符串分割的方式，获取fet请求中的内容。从req中获取请求相关内容，使用url中的parse函数获取参数。加载某个模块，其实是加载该模块的。这个变量是一个对象，它的。
【nodejs学习笔记】nodejs处理http请求:get和post
种一棵树最好的时间是十年前，其次是现在。
10-25 5087
本文从一个经典的面试题入手，简单介绍下 http 请求。此外，本文主要记录了nodejs 处理 get请求和post请求的基本方式。
Node.js-http服务器如何处理请求以及非阻塞操作
08-09
在这个例子中，`http.createServer`函数接收一个回调函数作为参数，该回调函数会在每次有新的请求到达时被调用。回调函数接收两个参数：`request`对象和`response`对象。`request`对象包含了客户端请求的所有信息，...
Node.js-EXPRESS初始化平台搭建
08-09
Node.js是一个基于Chrome V8引擎的JavaScript运行环境，它让JavaScript能够在服务器端执行，打破了JavaScript只能在浏览器端使用的限制。Node.js具有非阻塞I/O模型，使其在处理高并发场景时表现出色，常用于构建高...
node.js中的http.createServer方法使用说明
10-25
createServer方法接收一个可选的requestListener参数，这个参数是一个函数，当接收到新的HTTP请求时，Node.js会自动调用这个函数，并将两个对象作为参数传入：req（请求对象）和res（响应对象）。req对象包含了请求...
js代码-Node.js http模块事件，获取参数
07-15
在http模块中，主要关注的是`createServer`方法，它接受一个回调函数作为参数，这个函数会在每次有新的HTTP请求时被调用。参数`req`代表请求对象，`res`代表响应对象。 1. **事件处理：** - `request`事件：每当...
HttpURL连接远程serverGet和Post方式请求并返回数据
weixin_34407348的博客
07-03 215
查看原文：http://www.ibloger.net/article/1813.html package cn.gis; import java.io.BufferedReader; import java.io.InputStreamReader; import java.net.HttpURLConnection; import java.net.URL; import ...
Node.js中http-server的使用
热门推荐
kriszhang的博客
05-29 2万+
Node.js中http-server的使用使用阿里的npm镜像国外的npm太慢了。查看一下自己使用的源：npm config get registry应该显示https://registry.npmjs.org/。这回改成阿里的：npm config set registry https://registry.npm.taobao.org不过在npm publish时要记得切回去安装http-se
nodejs(get请求方式)
Kratial的博客
12-18 4476
1.实例： HTML页面： &amp;amp;lt;!DOCTYPE html&amp;amp;gt; &amp;amp;lt;html lang=&amp;quot;en&amp;quot;&amp;amp;gt; &amp;amp;lt;head&amp;amp;gt; &amp;amp;lt;meta charset=&amp;quot;UTF-8&amp;quot;&amp;amp;
nodejs学习笔记（四）——构造httpserver和httpclient
讨厌走开啦
10-02 9808
nodejs虽然是用javascript这种前台脚本语言来写，但它实质上更接近后台语言，本章就来说明一下如何使用nodejs像后台语言那样来构造一个httpserver和httpclient。 要注意一点：只有在nodejs中我们可以用javacsript来构造httpserver和httpclient，而这也是依赖nodejs的原生http模块来完成的，在一般web应用中的javasc
一个简单的http server，处理get和post请求，Python实现
Zhang Phil
06-09 6239
一个简单的http server，能处理来自客户的get请求，以及post请求，Python实现。因为只是测试http服务器，代码只是把每次请求的数据打印出来，并返回一个响应ok的字符串。
django-请求
qq_29286967的博客
07-03 428
请求回想一下，利用HTTP协议向服务器传参有几种途径？提取URL的特定部分，如/weather/beijing/2018，可以在服务器端的路由中用正则表达式截取；查询字符串（query string)，形如key1=value1&amp;key2=value2；请求体（body）中发送的数据，比如表单数据、json、xml；在http报文的头（header）中。1 URL路径参数在定义路由URL时...
使用node的httpserver
Mage的专栏
06-04 1457
使用node建一个httpserver 现在有很多项目都使用js。但在本机调试js项目如果使用WebStorm这个工具有点太重了。有没有一种调试js代码的简单工具。答案是有。那就是nodejs下的轻量级httpserver。 可以查看官网：https://www.npmjs.com/package/http-server 安装方法 sudo npm install http-serve...
echo-server: 一个处理HTTP请求并存储/检索信息的JavaScript服务器
Node.js是一个基于Chrome V8引擎的JavaScript运行环境，它使得JavaScript可以在服务器端运行。JavaScript是Node.js的主要语言，这可能解释了为什么标签是"JavaScript"。 ***/sample_identifier：这是echo-server的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值