ホームページ > 記事 > ウェブフロントエンド > Node.js データの取得、送信後のサンプルコード

Node.js データの取得、送信後のサンプルコード

小云云オリジナル: 2018-03-06 15:01:151247ブラウズ

この記事では主に Node.js getpost 送信データのサンプルコードを共有します。お役に立てれば幸いです。

demo.js:

//引入http模块
var http=require(&#39;http&#39;);
var url=require(&#39;url&#39;);
var ejs=require(&#39;ejs&#39;);  //ejs模块(第三方模块)  用于视图模板解析
var querystring = require(&#39;querystring&#39;);  //querystring模块

http.createServer(function(req,res){
	res.writeHead(200,{"Content-Type":"text/html;charset=&#39;utf-8&#39;"});
	//获取get 还是post请求
	var method=req.method.toLowerCase();
	//console.log(method);
	var pathname=url.parse(req.url,true).pathname;
	if(pathname==&#39;/dologin&#39; && method==&#39;get&#39;){  //get传值
        console.log(url.parse(req.url,true).query);  // true表示将get提交的数据转成Json格式 { username: &#39;123&#39;, password: &#39;456&#39; }
        res.end(&#39;dologin&#39;);
	}else if(pathname==&#39;/dologin&#39; && method==&#39;post&#39;){  //post传值
		var postStr=&#39;&#39;;
		//该方式只能获取post提交的数据
		req.on(&#39;data&#39;,function(postData){
			postStr+=postData;  // username=123&password=456
            var postJson = querystring.parse(postStr);  //username=123&password=456 转成Json对象
			console.log(postJson);  //Json对象：{ username: &#39;123&#39;, password: &#39;456&#39; }
			res.end("post的数据(username)："+postJson.username+"<br />post的数据(password)："+postJson.password);
		})
	}else{
		ejs.renderFile(&#39;views/login.ejs&#39;,{
		},function(err,data){
			res.end(data);
		})
	}
}).listen(8001);

view/login.ejs:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <title></title>
</head>
<body>

    <h2>登录</h2>

    <form action="/dologin" method="get">
        <input type="text" name="username"/>
        <br/>

        <input type="password" name="password"/>

        <input type="submit" value="登录"/>
        
    </form>
</body>
</html>

Node.js データの取得、送信後のサンプル コード

関連記事

Node.js データの取得、送信後のサンプルコード