修改XMLHttpRequests使其跨域

Question

我正在为应用程序开发代理。我需要将特定页面上的所有 AJAX 调用转换为跨域，以便我的代理可以完成这些 ajax 调用。

我正在研究将 JQuery.beforeSend 与 window 绑定的可能性，并有三个问题：

1. 如何实际添加 dataType: jsonp; 的额外参数？页面上出现的所有 AJAX 调用。

2. 这会将函数与所有 XMLHttpRequest 绑定还是仅通过 jQuery $.ajax 、 $.get、$.post 等函数完成的请求

3. 如果我添加 dataType: jsonp;它只会将其添加到通过 jQuery 完成的调用或通过任何库完成的或源自浏览器的所有调用

是否有更好的方法来做到这一点。任何其他建议来解决这个问题。由于我不知道外部 HTML，因此更改它通过 AJAX 调用的 URL 更加困难，因此在我的情况下，通过我的代理域路由它不是首选方式。

谢谢

Answer 1

1. 您可以隐藏现有的 jQuery 方法...

   var jQueryAjax = $.ajax;
   
   $.ajax = 函数(设置) {
      设置.type = 'jsonp';
      jQueryAjax（设置）；
   }
   

   我认为这应该有效。

2. ajax() 是 jQuery 中 AJAX 请求的低级接口，但我不确定他们是否调用它。 getJSON() 似乎调用了 get()。

3. 仅当您使用的服务支持 JSONP 时，添加 jsonp 才有用。

Answer 2

1. 将数据类型设置为 jsonp ( dataType: "jsonp")
2. 使用 jsonp，您只能处理 GET 请求，请参阅 3。
3. 仅适用于您添加 jsonp 作为数据类型的调用