jquery跨域 jsonp

最新推荐文章于 2022-11-10 08:40:57 发布

domBREAKPoint

最新推荐文章于 2022-11-10 08:40:57 发布

阅读量351

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/domBREAKPoint/article/details/72872400

本文介绍了一种使用JSONP实现跨域请求的方法，并给出了具体的前端jQuery AJAX示例代码及后端Node.js处理流程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近公司跨域业务比较多，总结一下基本api

$.ajax({
async:false,
url: "https://localhost:18081/get",
type: "GET",
dataType: 'jsonp',
jsonp: 'callback',／／参数健

jsonpCallback:"jsoncallback"／／参数值，如过写了会替代jquery自动生成的参数
}).done(function(data){console.log(data)})

后台：

app.get('/get', function(req, res) {
    //console.log(req)
    var str = "jsoncallback({a:3,b:3})"



 
 
        console.log(req.query);
        if (req.query && req.query.callback) {／／键值和前台对应
            var str = req.query.callback + "(" + JSON.stringify(data) + ")"; //jsonp
           
            res.end(str);
        }else{
            console.log('json: '+JSON.stringify(data, null, 4));
            res.end(JSON.stringify(data);
        }
    
});／／包裹参数