本文概要
- Express.js GET方法实施例1
- Express.js GET方法实施例2
- Express.js GET方法实施例3
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="http://www.srcmini.com/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)})
文章图片
打开index.html页面并填写条目:
文章图片
现在,你得到JSON格式的数据。
文章图片
文章图片
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="http://www.srcmini.com/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)
})
文章图片
打开index.html页面并填写条目:
文章图片
输出:
文章图片
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="http://www.srcmini.com/male"> Male
<
input type="radio" name="sex" value="http://www.srcmini.com/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="http://www.srcmini.com/register"/><
/td><
/tr>
<
/table>
<
/form>
<
/body>
<
/html>
【Express.js GET请求】文件: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)
})
文章图片
文章图片
文章图片