【node.js从入门到精通】编写接口，使用CROS解决跨域问题，jsonp的接口

const express = require('express');
const router = express.Router();
// 挂载对应路由模块
router.get('/get', (req, res) => {
    const query = req.query;
    // 调用send方法向客户端响应处理结果
    res.send({
        status: 0, //0=成功，1=失败
        masg: 'Get请求成功', // 状态描述
        data: query // 响应给客户端
    })
})
module.exports = router;

const express = require('express')
const app = express()
// 导入路由模块
const router = require('./02.apiRouter')
// 挂载路由模块到app上面
app.use('/api', router);
app.listen(80, () => {
    console.log('express server running at http://127.0.0.1');
})

$('#btnGET').on('click', function () {
                // 测试GET接口
                $.ajax({
                    type: 'GET',
                    url: 'http://127.0.0.2/api/get',
                    data: { name: 'ss', age: 12 },
                    success: function (res) {
                        console.log(res);
                    },
                })
            })

router.post('/post', (req, res) => {
    const body = req.body
    // 调用send方法向客户端响应处理结果
    res.send({
        status: 0,
        msg: 'POST请求成功！',
        data: 'body'
    })
})

$('#btnPOST').on('click', function () {
                // 测试POST接口
                $.ajax({
                    type: 'POST',
                    url: 'http://127.0.0.2/api/get',
                    data: { name: 'ss', age: 12 },
                    success: function (res) {
                        console.log(res);
                    },
                })
            })

// jsonp接口必须配置到cors之前
app.get('/api/jsonp', (req, res) => {
    // 定义jsonp接口
    // 获得函数名
    const funcName = req.query.callback;
    // 定义要发送到客户端的数据对象
    const data = { name: 'qw', age: 12 }
    // 拼接一个函数调用
    const scriptStr = `${funcName}(${JSON.stringify(data)})`
    // 把所拼接的字符串响应给客户端
    res.send(scriptStr)
})

// 为jsonp事件绑定按钮
            $(`#btnJSONP`).on('click', function () {
                $.ajax({
                    type: 'GET',
                    url: 'http://127.0.0.1',
                    dataType: 'jsopn',
                    success: function (res) {
                        console.log(res);
                    }
                })
            })