Express.js GET请求

本文概要

  • Express.js GET方法实施例1
  • Express.js GET方法实施例2
  • Express.js GET方法实施例3
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="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)})

Express.js GET请求

文章图片
打开index.html页面并填写条目:
Express.js GET请求

文章图片
现在,你得到JSON格式的数据。
Express.js GET请求

文章图片
Express.js GET请求

文章图片
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) })

Express.js GET请求

文章图片
打开index.html页面并填写条目:
Express.js GET请求

文章图片
输出:
Express.js 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="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) })

Express.js GET请求

文章图片
Express.js GET请求

文章图片
Express.js GET请求

文章图片

    推荐阅读