首页 > 解决方案 > 如何使用 ajax URL 获取网页内容

问题描述

我正在尝试使用 ajax 获取页面。我有两个不同的问题..请通过我的问题..

let request = new XMLHttpRequest();
            const proxyurl = "https://cors-anywhere.herokuapp.com/";
            const url = "https://www.google.co.in/";
            const both = proxyurl+url;

            request.open("GET", both, true);
            
            request.responseType = 'text/html';
            request.send();
            
            
            function rstSrv()
            {
                if(request.status==200)
                {
                    var list=request.response;
                    document.getElementById('get').innerHTML=list;
          console.log(list);
                }
                else
                {
                    console.log(`error ${request.status} ${request.statusText}`)
                    var list=(`error ${request.status} ${request.statusText}`)
                    document.getElementById('get').innerHTML=list;
                }
            }
<div style='length:100%;width:100%;overflow: auto'>
    <button onclick="rstSrv()"> RestCall </button>
    <div  type="text" id="get" style='length:40%;width:100%'></div><br>

问题 1 这里 google URL 效果很好。但例如在使用其他网页时//https://www.turkish123.com/yemin-episode-20/,会引发 503 错误..

问题 2 由于我正在使用跨域,https://cors-anywhere.herokuapp.com/ 还有其他替代方法可以使用 ajax 访问网页吗?

我也尝试使用

request.setRequestHeader("X-Requested-With", "XMLHttpRequest");

request.setRequestHeader("X-Alt-Referer", "http://www.google.com");

request.setRequestHeader("Access-Control-Allow-Origin", "https://www.turkish123.com/yemin-episode-20/");

没用。。

请帮忙...

标签: javascripthtmlajaxxmlhttprequesthttpresponse

解决方案


推荐阅读