跨域express+jsonp+ajax

2021-11-08 10:11:14 浏览数 (1)

今天js群里一个小哥问关于jsonp的跨域问题,我是F12知道他是用express的 可能是用的res.send;res.json;但是express有一个方法是res.jsonp;

首先安装expess模块 npm install express --save 保存exp.js 运行node exp.js

后端代码

代码语言:javascript复制
var express = require('express');
var app = express();
app.get('/', function (req, res) {
    // res.send('hello world');
    res.jsonp({'name':'jcomey','company':'baidu'}); 
    
});
app.listen(3000);

前端代码

代码语言:javascript复制
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jsonp</title>
    <script type="text/javascript" src='jquery.js'></script>
</head>
<body>
    <div class="data"></div>
    <script type="text/javascript">
        $(function () {
            $.ajax({
                url: 'http://localhost:3000',
                type: "GET",//请求方式
                async: false,
                dataType: 'jsonp',
                crossDomain: true,
                success: function (res) {
                    console.log(res);
                }
            })
        })
    </script>
</body>
</html>

0 人点赞