node_編寫一個接口

時間 2019-11-07

標籤 node 編寫一個接口简体版

原文原文鏈接

一、編寫app.js文件javascript

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

app.all("*", function(req, res, next) {
    res.header("Access-Control-Allow-Origin", "*");
    res.header("Access-Control-Allow-Headers", "X-Requested-With");
    res.header("Access-Control-Allow-Methods", "PUT,POST,GET,DELETE,OP0TIONS");
    res.header("X-Powered-By", "3.2.1");
    res.header("Content-Type", "application/json;charset=utf-8");
    next();
});

var questions = [{
    data: 213,
    num: 4545,
    age: 12
}, {
    data: 889,
    num: 365,
    age: 13
}];

app.get('/123', function(req, res) {
    res.status(200),
        res.json(questions)
});

var server = app.listen(3000, function() {
    var host = server.address().address;
    var port = server.address().port;

    console.log("Example app listening at http://%s:%s", host, port);
})

二、安裝expresshtml

npm install express --save

三、node環境下運行app.jsjava

四、建立index.html，使用jquery的ajax請求接口node

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="jquery-2.1.0.js"></script>
    </head>

    <body>
        <div>超級厲害的</div>
        <script type="text/javascript">
            $.ajax({
                type: "get",
                url: "http://127.0.0.1:3000/123",
                async: true,
                success: function(res) {
                    console.log(res)
                }
            });
        </script>
    </body>

</html>

View Code

五、瀏覽器運行index.htmljquery

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。