多语言展示
当前在线:1157今日阅读:61今日分享:18

AngularJS跨域请求NodeJS的Jsonp接口

最近一个项目要用到jsonp,node编写的后台提供jsonp接口,前台用angular对接
关于JSON和Jsonp
1

JSON:是一种数据交换的格式,类似接头的暗号,是描述信息的格式。优点:轻量级纯文本跨平台;原生支持,后台语言几乎全部支持;可读性强,易编写解析;

NodeJS提供Jsonp接口
1

根据URL的参数,后端判断跨区请求,查询数据,返回数据

2

组装数据:res.jsonp(【数据】);

3

启动服务,访问了一下,返回的数据好像有点问题

4

修改组装数据的方法res.send(【callback函数】+ '('+ JSON.stringify(result) + ')');

5

重启服务:node app.js重新访问:url?callback=【callback函数】

AngularJS对接Jsonp
1

AngularJS使用Jsonp:callback=JSON_CALLBACK$http.jsonp(url)在service里访问接口位置添加callback并jsonp形式访问

2

Chrome F12查看network,点击相应的链接,查看中间窗口,点击response查看数据返回,前端对接成功

注意事项

AngularJS $http.jsonp 回调函数名JSON_CALLBACK必须全为大写

推荐信息