Maison > Article > interface Web > Node.js obtient, post-soumet un exemple de code de données

Node.js obtient, post-soumet un exemple de code de données

小云云original: 2018-03-06 15:01:151248parcourir

Cet article partage principalement avec vous l'exemple de code de données de soumission getpost Node.js, dans l'espoir d'aider tout le monde.

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>

Recommandations associées :

$.post soumet les données et renvoie l'instance de méthode de données au format json

post-soumission Comment gérer les exceptions lors de l'affichage des données

Quatre façons POST courantes de soumettre des données

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Exporter les données du tableau vers un fichier Excel en jsArticle suivant：Exporter les données du tableau vers un fichier Excel en js

Articles Liés

Voir plus