个性化阅读
专注于IT技术分析

Express.js GET请求

本文概要

GET和POST都是用于构建REST API的两种常见的HTTP请求。 GET请求被使用,因为同时POST请求被使用,因为数据是在所述主体发送到发送大量数据的数据被发送到首部仅发送有限的数据量。

Express.js方便你处理GET和使用Express.js的情况下POST请求。


Express.js GET方法实施例1

取JSON格式的数据:

获取方法有利于你,因为数据是在头发送只发送有限的数据量。这是不安全的,因为数据是在地址栏是可见的。

让我们举个例子来说明GET方法。

文件:index.html的

<html>
<body>
<form action="http://127.0.0.1:8081/process_get" method="GET">
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>

文件:get_example1.js

var express = require('express');
var app = express();
app.use(express.static('public'));

app.get('/index.html',function (req,res) {
   res.sendFile( __dirname + "/" + "index.html" );
})
app.get('/process_get',function (req,res) {
response = {
       first_name:req.query.first_name,last_name:req.query.last_name
   };
   console.log(response);
   res.end(JSON.stringify(response));
})
var server = app.listen(8000,function () {

  var host = server.address().address
  var port = server.address().port
  console.log("Example app listening at http://%s:%s",host,port)

})
启动express.js项目

打开index.html页面并填写条目:

填写表单

现在,你得到JSON格式的数据。

获取JSON数据
获取JSON数据2

Express.js GET方法实施例2

取段落格式的数据

文件:index.html的

<html>
<body>
<form action="http://127.0.0.1:8000/get_example2" method="GET">
First Name: <input type="text" name="first_name"/>  <br/>
Last Name: <input type="text" name="last_name"/><br/>
<input type="submit" value="Submit"/>
</form>
</body>
</html>

文件:get_example2.js

var express = require('express');
var app=express();
app.get('/get_example2',function (req,res) {
res.send('<p>Username: ' + req.query['first_name']+'</p><p>Lastname: '+req.query['last_name']+'</p>');
})
var server = app.listen(8000,function () {
  var host = server.address().address
  var port = server.address().port
  console.log("Example app listening at http://%s:%s",host,port)
})
GET方法

打开index.html页面并填写条目:

填写表单2

输出:

在浏览器显示GET方法结果

Express.js GET方法实施例3

文件:index.html的

<!DOCTYPE html>
<html>
<body>
<form action="http://127.0.0.1:8000/get_example3">  
<table>  
<tr><td>Enter First Name:</td><td><input type="text" name="firstname"/><td></tr>  
<tr><td>Enter Last Name:</td><td><input type="text" name="lastname"/><td></tr>  
<tr><td>Enter Password:</td><td><input type="password" name="password"/></td></tr>  
<tr><td>Sex:</td><td>
<input type="radio" name="sex" value="male"> Male
<input type="radio" name="sex" value="female">Female
</td></tr>  
<tr><td>About You :</td><td>
<textarea rows="5" cols="40" name="aboutyou" placeholder="Write about yourself">
</textarea>
</td></tr>  
<tr><td colspan="2"><input type="submit" value="register"/></td></tr>  
</table>  
</form> 
</body>
</html>

文件:get_example3.js

var express = require('express');
var app=express();

app.get('/get_example3',function (req,res) {
res.send('<p>Firstname: ' + req.query['firstname']+'</p>
<p>Lastname: '+req.query['lastname']+'</p><p>Password: '+req.query['password']+'</p>
<p>AboutYou: '+req.query['aboutyou']+'</p>');
})

var server = app.listen(8000,function () {
  var host = server.address().address
  var port = server.address().port
  console.log("Example app listening at http://%s:%s",host,port)
})
填写表单3
赞(0)
未经允许不得转载:srcmini » Express.js GET请求

评论 抢沙发

评论前必须登录!