Node.js+express的get和post輸出json

阿新 • • 發佈：2019-01-18

我的部落格
在上一篇Mac下express的安裝和新建專案
已經按章好了我們的環境，專案也新建好了。在瀏覽器中也看見的輸出效果：
Markdown
在專案的目錄中

views這個目錄我展開了，但是並沒有說明。這個就是我們的檢視顯示的檔案。中心看看index.ejs我們就會知道了。

<!DOCTYPE html>
<html>
  <head>
    <title><%= title %></title>
    <link rel='stylesheet' href='/stylesheets/style.css' /> 

  </head>
  <body>
    <h1><%= title %></h1>
    <p>Welcome to <%= title %></p>
  </body>
</html>

原來是一個ejs模板，載入的樣式檔案是
/stylesheets/style.css這個css檔案。所以呢，我們知道這些就就可以盡情的按照自己的需求修改了。
但是這個只是一個頁面，這個頁面和資料所在的/routes/index.js是分開的，這就需要路由了。也就是我為什麼用express的原因。
在

Mac下安裝Node.js、測試、輸出json我們安裝的Node.js可以在我新建的test.js檔案，執行後可以正常輸出json資料。但是如果有很多介面那不是我們都要寫在這個js檔案裡面。
很顯然這不現實。
這裡express的路由的作用就出來了。
在app.js檔案裡面程式碼：

var express = require('express');
var path = require('path');
var favicon = require('serve-favicon');
var cookieParser = require('cookie-parser');
// post請求會用到 

var bodyParser = require('body-parser');

var index = require('./routes/index');
var users = require('./routes/users');

var app = express();
// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');
// uncomment after placing your favicon in /public
//app.use(favicon(path.join(__dirname, 'public', 'favicon.ico')));
app.use(bodyParser.urlencoded({ extended: false }));
app.use(bodyParser.json());
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

// 設定請求頭
// application/json  介面返回json資料
// charset=utf-8 解決json資料中中文亂碼
app.use("*", function(request, response, next) {
    response.writeHead(200, { "Content-Type": "application/json;charset=utf-8" });
    next();
});

// 路由
app.use('/', index);
app.use('/', users);

// 404 錯誤
var errorData_404 = {
    status: '404', 
    msg: 'Not Found!',
};
app.use(function(req, res, next) {
  var err = new Error('Not Found');
  err.status = 404;
  res.end(JSON.stringify(errorData_404));
});

// 500 
var errorData_500 = {
    status: '500', 
    msg: 'Not Found!',
};
app.use(function(err, req, res, next) {
  errorData_500.msg =  err.message;
  res.end(JSON.stringify(errorData_500));
});

module.exports = app;

一、get請求

在/routes/index.js檔案中插入如下程式碼
這個裡面做的是一個get請求

// 增加url 依賴
var urllib = require('url');
// 初始資料
var data = {
    status: '100', 
    msg: '操作成功',
    data: {
        userId: '123456',
        userName: 'hgdqstudio',
        blog: 'http://hgdqstudio.online'
    }
};
// get請求
router.get('/index', function (req, res, next) {
    var params = urllib.parse(req.url, true);
    var query2 = params.query;
    // 列印get請求中的介面引數
    console.log(query2);
    res.end(JSON.stringify(data));
});

我們在vim裡面cd到專案的目錄然後npm start
npm
就可以在瀏覽器中輸入：

http://localhost:3000/index

效果如圖：
json
至此get請求就搞完了。我們在這個接口裡面拼接引數，可以在終端裡面列印的。

二、post請求

在/routes/users.js

var dataSuccess = {
    status: '100', 
    msg: '登入成功',
    data: {
        userId: '20170113',
        userName: 'hgdqstudio',
        blog: 'http://hgdqstudio.online'
    }
};
var dataError = {
    status: '99', 
    msg: '使用者名稱或密碼錯誤'
};
// 登入介面
router.post('/login',function (req, res, next) {
    // 列印post請求的資料內容
    console.log(req.body);
    console.log(req.body.username);
    console.log(req.body.password);
    if (req.body.username == "hgdqstudio" && req.body.password == "123456") {
        res.end(JSON.stringify(dataSuccess));
    } else {
        res.end(JSON.stringify(dataError));
    }
});

做的是一個模擬的登入介面。
可以自己寫一個ajax測試

mui.ajax("http://127.0.0.1:3000/login",{
    data: {
        username: 'hgdqstudio',
        'password': 123456  //password不加引號顯示像一個關鍵字，所以就嘿嘿…… 
    },
    dataType: 'json',
    type: 'post',  
    timeout: 10000,   
    success: function(data){ 
        console.log(data.msg);
    },
    error: function(xhr, type, errerThrown){

    }
});

也可以使用Postman測試：
postman
在app.js檔案裡面多了一個body-parser的依賴。
這個是express裡面的一箇中間元件。

Node.js+express的get和post輸出json

一、get請求

二、post請求

Node.js+express的get和post輸出json

linux環境安裝node.js環境和pm2

【node.js】GET/POST請求、Web 模塊

[譯] Node.js 高效能和可擴充套件應用程式的最佳實踐 [第 2/3 部分]

[譯] Node.js 高效能和可擴充套件應用程式的最佳實踐 [第 1/3 部分]

HttpUtils工具類和post請求json引數傳輸

Node.js 基金會和 JS 基金會合並：已在討論具體細節

搭建 React Native 開發環境 —— Node.js 安裝和配置

node.js exports和module.exports的區別

node.js——http和服務、服務代理、後臺跨域

Ubuntu 上 Node.js 安裝和解除安裝

Node.JS, Mongoose和Jade搭建OAuth2伺服器（一）

node 使用get和post向後臺請求資料的使用方式對比

node.js專案中的package.json

node.js與ajax互動之 json 與 jsonp 資料格式問題

node.js 安裝和配置Sublime Text2的Nodejs

10+ 最佳的 Node.js 教程和例項

【Nodejs】【node.js 安裝和配置Sublime Text的Node.js】

Node.js+express的介面適配get和post並輸出json

cocos creator學習01 關於cocos creator 通過get 和post連接node.js服務器的初步探索

Node.js+express的get和post輸出json

一、get請求

二、post請求

相關推薦