How to simply read html from any url via javascript and proxy?

Question

This is my proxy.php file:

$url = urldecode($_GET['url']);
$url = 'http://' . str_replace('http://', '', $url); // Avoid accessing the file system
echo file_get_contents($url); // You should probably use cURL. The concept is the same though

and my reader.js:

$(document).ready(function () {

    var url = 'http://localhost/taboo.blue-world.pl/admin/proxy.php?url=' + encodeURIComponent('http://www.blue-world.pl')

    $.ajax({
        url      : url,
        type     : 'GET',
        dataType : 'json'
    }).done(function(data) {
        console.log(data.results.result[1].category); // Do whatever you want here
    });
});

But it doesnt print anything. Can you help me solve it? I am not quite good with this.

is your url returning proper JSON formatted string or an HTML? If HTML, dataType:json will interfere, as your php does not return JSON. — yergo
– yergo, Commented Jan 22, 2016 at 7:24

Rene Korss · Accepted Answer · 2016-01-22 07:24:43Z

1

Currently your are trying to get JSON response. Change dataType to html.

dataType: 'html'

answered Jan 22, 2016 at 7:24

Rene Korss

5,4943 gold badges33 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Davide Rossi · Accepted Answer · 2016-01-22 07:25:01Z

1

It looks like you are trying to get an HTML response as JSON.

If the content is HTML you should turn you ajax call to:

$.ajax({
    url      : url,
    type     : 'GET',
    dataType : 'html'
}).done(function(data) {
    console.log(data); // data contains the html as a text
});

answered Jan 22, 2016 at 7:25

Davide Rossi

5162 silver badges8 bronze badges

Comments

aish123 · Accepted Answer · 2016-01-22 07:38:39Z

1

Use either dataType: 'html' in reader.js (to get HTML data)

OR

echo(json_encode(file_get_contents($url))); in proxy.php (for JSON data)

answered Jan 22, 2016 at 7:38

aish123

1414 bronze badges

Comments

Amit Visodiya · Accepted Answer · 2016-01-22 07:32:23Z

0

Try jQuery.parseJSON for json format

 $.ajax({
        url      : url,
        type     : 'GET',
        dataType : 'json'
    }).done(function(data) {
        var data = jQuery.parseJSON(data);
        console.log(data.results.result[1].category); // Do whatever you want here
    });
    });

answered Jan 22, 2016 at 7:32

Amit Visodiya

8136 silver badges19 bronze badges

Collectives™ on Stack Overflow

How to simply read html from any url via javascript and proxy?

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related