码迷,mamicode.com
首页 > Web开发 > 详细

【node开发】node.js编写一个接口

时间:2020-01-13 14:41:24      阅读:106      评论:0      收藏:0      [点我收藏+]

标签:app   class   安装   get   express   sync   ext   query   access   

1、编写app.js文件

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);
})

2、安装express

npm install express --save

3、node环境下运行app.js

4、创建index.html,使用jquery的ajax请求接口

<!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>

5、浏览器运行index.html

【node开发】node.js编写一个接口

标签:app   class   安装   get   express   sync   ext   query   access   

原文地址:https://www.cnblogs.com/xiaohuizhang/p/12187004.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!