javascript - 使用 javascript($ajax) 从给定的 url 获取 html 文件

Question

var $ = require('jquery');

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

我在控制台中收到此错误:

XMLHttpRequest 无法加载 http://www.google.com/。请求的资源上不存在“Access-Control-Allow-Origin” header 。因此，不允许访问源“null”。

我该怎么做才能避免这个错误？请帮忙。

Answer 1

如果你控制了后端，你可以将这个请求代理到后端，即使用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 将能够获取数据，因为它不检查 CORS。