Get html file from a given url using javascript($ajax)

Question

var $ = require('jquery');

$.ajax({
  type:"GET",
  dataType: 'html',
  url: 'http://www.google.com/',
  success: function(res){
    console.log(res);
  }
});

I am getting this error in the console:

XMLHttpRequest cannot load http://www.google.com/. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.

What can I do to avoid this error? Please help.

@ArunpandianM that is not what crossDomain:true is even for. Read the $.ajax docs — charlietfl
– charlietfl, Commented Jul 29, 2017 at 17:28

Andrey E · Accepted Answer · 2017-07-29 17:04:35Z

1

If you control the backend, you can proxy this request to the backend, i.e. using PHP:

// get.php
echo file_get_contents($_GET['url']);

// frontend JS
$.ajax({
  type:"GET",
  dataType: 'html',
  url: '/get.php?url=http://www.google.com/',
  success: function(res){
    console.log(res);
  }
});

PHP will be able to fetch the data, as it's not checking CORS.

answered Jul 29, 2017 at 17:04

Andrey E

14 silver badges8 bronze badges

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

Comments

Jake Boggs · Accepted Answer · 2017-07-29 16:58:01Z

1

You cannot send cross origin requests because it is a security vulnerability.

answered Jul 29, 2017 at 16:58

Jake Boggs

2744 silver badges18 bronze badges

Comments

red house 87 · Accepted Answer · 2017-07-29 16:59:57Z

0

Its because google.com goes not have cross origin requests enabled. If you try a site that does like for example:

$.ajax({
  type:"GET",
  dataType: 'html',
  url: 'https://cors-test.appspot.com/test',
  success: function(res){
    console.log(res);
  }
});

Then you will get the desired result

answered Jul 29, 2017 at 16:59

red house 87

2,48512 gold badges62 silver badges111 bronze badges

Comments

saifudeen ni · Accepted Answer · 2017-07-29 17:01:13Z

0

I think this is because of security problem while fetching another domain. Please check this
"No 'Access-Control-Allow-Origin' header is present on the requested resource"

answered Jul 29, 2017 at 17:01

saifudeen ni

14510 bronze badges

Collectives™ on Stack Overflow

Get html file from a given url using javascript($ajax)

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

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

Linked

Related