进行与协议无关的 jquery ajax 调用

【问题标题】：Making a protocol agnostic jquery ajax call进行与协议无关的 jquery ajax 调用
【发布时间】：2012-02-14 02:05:51
【问题描述】：

我们有一个嵌入各种网站的小部件。我们希望小部件根据我们嵌入的网站的协议（http 或 https）对我们的服务器进行 ajax 调用。是否有这样做的常见做法？

使用与协议无关的 url（见下文）不起作用：

$.ajax({
    url : '//cdn.example.com/serviceName',
    ...
});

【问题讨论】：

【解决方案1】：

这不行吗？

var myUrl = (window.location.protocol + '//cdn.example.com/serviceName');

$.ajax({
    url : myUrl,
    ...
});

【讨论】：

问题是如何使协议无关的 url 格式工作。例如，如果您在浏览器中键入 //www.google.com，它将查找 file://。但是，如果您在服务器上 // 将使用您当前提供文件的任何协议。