Getting body content from cross domain through jquery

Question

I want to store the data (plaintext) through ajax interval/refresh from a different domain. Eg. This is the different domain: http://live-radio01.mediahubaustralia.com/3SALE/mp3/currentsong

score 0 · Answer 1 · answered Apr 08 '16 at 19:50

0

Maybe this will help.

$.ajax({
    url: "http://live-radio01.mediahubaustralia.com/3SALE/mp3/currentsong",
    type: 'GET',
    success: function(res) {
        $.ajax({
            url: "http://live-radio01.mediahubaustralia.com/3SALE/mp3/currentsong",
            type: 'POST',
            data:res
        });
    }
});

answered Apr 08 '16 at 19:50

Marius Bakowski

115
3

setting the res to html or text? – Jony S Apr 08 '16 at 19:55

score 0 · Accepted Answer · edited May 23 '17 at 10:28

You can achieve this with "CORS Anywhere" explained here: Loading cross domain endpoint with jQuery AJAX

So, with code used from that other post. Yours would look like this:

$(document).ready(function() {
  $.ajaxPrefilter(function(options) {
    if (options.crossDomain && jQuery.support.cors) {
      var http = (window.location.protocol === 'http:' ? 'http:' : 'https:');
      options.url = http + '//cors-anywhere.herokuapp.com/' + options.url;
      //options.url = "http://cors.corsproxy.io/url=" + options.url;
    }
  });

  $.get('http://live-radio01.mediahubaustralia.com/3SALE/mp3/currentsong', function(response) {
    console.log(response);
    $("#viewer").html(response);
  });

});

Plnkr.co - Preview & code

Getting body content from cross domain through jquery

2 Answers2