1. 程式人生 > >ajax jsonp的跨域請求

ajax jsonp的跨域請求

watch data doc use next edi 名稱 write all

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); }

ajax jsonp的跨域請求