小编典典

没有CORS或JSONP的跨域请求

ajax

我知道以前曾问过这个问题,但是没有一个答案对我有用!我正在做一个学校项目,我想获取学校服务器上动态计划文件返回的HTML(为我的项目解析)。

我想要HTML的页面是:https
:
//telaris.wlu.ca/ssb_prod/bwckschd.p_disp_dyn_sched

我认为未为学校服务器文件启用CORS,并且我不知道它是否支持JSONP …

如何设置跨域请求以从该页面获取HTML?

我努力了:

$.ajax({
    type:'POST',
    url: 'https://telaris.wlu.ca/ssb_prod/bwckschd.p_disp_dyn_sched',
    headers: {
      'Access-Control-Allow-Origin': '*'
   },
   contentType: 'text/html',
   crossDomain:true
}).done(function( data ) {

});

我得到错误:

XMLHttpRequest无法加载
https://telaris.wlu.ca/ssb_prod/bwckschd.p_disp_dyn_sched。所请求的资源上没有“
Access-Control-Allow-Origin”标头。因此,不允许访问原始“空”。响应的HTTP状态码为501。

当我添加:

dataType:'jsonp'

我得到错误:

GET
https://telaris.wlu.ca/ssb_prod/bwckschd.p_disp_dyn_sched?callback=jQuery21108736664191819727_1416964243449&_=1416964243450
400(错误请求)jquery.min.js:4send jquery.min.js:4n.extend.ajax jquery.min。
:4(匿名函数)

任何帮助是极大的赞赏!


阅读 193

收藏
2020-07-26

共1个答案

小编典典

除非站点明确允许跨源请求(通过CORS或JSONP),否则浏览器将强制执行“同源”访问控制。因此,如果您尝试访问的站点不允许跨源请求,那么您将无法仅使用浏览器直接从站点获取数据。浏览器正在实施与目标站点相同的原产地限制。

对于服务器而言,这根本不是安全的,因为围绕它有很多方法。它仅适用于来自浏览器的一种特定类型的访问(尽管一种特定类型的访问保护很有用)。

这意味着要将数据获取到浏览器中,您将需要使用某种第三方代理(浏览器除外)才能为您获取数据。两种最常见的方式是:

  1. 您自己的服务器。您请求自己的服务器从其他服务器获取一些内容。然后,您的服务器从另一台服务器获取数据,然后在浏览器中将其返回给您。

  2. 代理服务器。有一些预配置的代理服务器是为执行选项#1中描述的操作而构建的。您可以使用代理服务或安装自己的代理服务器来为您执行此操作,也可以将自己的Web服务器配置为具有此功能。

因此,您无法绕开合作浏览器的跨源限制。但是,您可以从服务器绕过它们。这是因为COR限制仅在浏览器中实现。它们不是服务器强制的限制。浏览器询问目标服务器正在使用哪些CORs策略,并仅在浏览器中实施它们。向该服务器发出请求的其他某些服务器不需要关注CORs策略。

2020-07-26