ajax jsonp的跨域请求

前端之家收集整理的这篇文章主要介绍了ajax jsonp的跨域请求前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

1.页面ajax的请求

$.ajax({
  async: false,  url: 'http://localhost:8080/downloadVideos',//跨域的dns/document!searchJSONResult.action,
  type: "GET",  dataType: 'jsonp',  jsonp: 'jsoncallback',  jsonpCallback: "cb",//自定义返回函数名称,要与服务端保持一致
  data: {
    id:ID,    user:user
  },  timeout: 5000,  success: function (json) {
    $(data).css("background","red");
    alert(json);
  }
});

2.服务端nodeJS的返回

app.get('/downloadVideos',function (req,res,next) {
  var random = new Date().getTime();
  var url = "https://savemedia.com/generate/";
  var videosID = req.query.id;
  superagent
    .get(url + videosID + "?random=" + random)
    .end(function (err,sres) { // callback
      // 常规的错误处理
      if (err) {
        return next(err);
      }
      var obj = JSON.parse(sres.text);
      var url = obj.download.watch[0].url;
      var videoName = new Date().getTime();
 
      downloadFile(url,"../public/videos/" + videoName + ".mp4",function (err) {
      if (err) {
        return next(err);
      // console.log(videoName + ".mp4" + '下载完毕');
      });
      var videoUrl = 'http://**.**.**.**:8080/videos/' + videoName + '.mp4';
      res.send("cb(" + JSON.stringify(videoUrl) + ")");
    });
 });

//文件下载
function downloadFile(uri,filename,callback) {   var stream = fs.createWriteStream(filename);   request(uri).pipe(stream).on('close',callback); }
原文链接:https://www.f2er.com/ajax/160825.html

猜你在找的Ajax相关文章