在jquery插件中使用相对API网址的最佳方法[关闭]

Question

因此，我正在使用grunt编写一个jquery插件，在我的插件中，我还需要调用webservices。

Web服务url域将始终与用户需要为我们的插件添加的.js文件的位置相同。因此，相对的

1）包括插件的JS文件

http://mydomain1/js/myfile.js

2）在我的JS调用API URL中

需要

api_domain: "http://mydomain1/api/v1"

而且我希望api域相对于我尝试执行的JS文件的域

api_domain: "/mydomain1/api/v1"

但是这将选择浏览器的域名。

所以我想知道实现此目标的最佳方法是什么

1）使用.NET处理程序从context.request.url中插入正确的域名

2）在Grunt构建中，为我将部署到的每个环境创建一个特定的.js，该环境在JS中具有完整的URL

3）其他选项？

Answer 1

好吧，实际上您可以让脚本使用jquery找到它自己的源代码。只需确保为js文件赋予足够的唯一名称即可。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://rawgit.com/demux/4d4ce440d7c379305a9a/raw/findfilehosttest.js"></script>

实际脚本：

$(function(){
    var url = $("script[src$='findfilehosttest.js']").attr('src')
    var matches = url.match(/^https?\:\/\/([^\/?#]+)(?:[\/?#]|$)/i)
    var domain = matches && matches[1]
    alert(domain)
})

但是总的来说，我认为最好保持简单。因此，允许用户手动设置服务器的URL，如下所示：

<script>
    var MY_API_URL = 'https://instance1.myapiserver.foo'
</script>
<script src="/whateverpath/myapiscript.js"></script>

这也将使他们可以将脚本托管在自己的服务器上，甚至可以出于任何原因代理它。

Answer 2

您的JS文件是否与网页位于同一域？在这种情况下，只需在插件中使用window.location.host即可获得“ http://mydomain”。

Answer 3

您尝试在JS文件中执行此操作吗？

var api_version = "v1";
var api_domain = (function () {

var scripts = document.getElementsByTagName('script');
var script = scripts[scripts.length - 1];
var domain;

if (script.getAttribute.length !== undefined) {
    domain = script.src;
} else {
    domain = script.getAttribute('src', -1);
}

domain = domain.split('/');
domain.pop();
domain = domain.join('/');

var tmp = document.createElement('a');
tmp.href = domain;

var port = tmp.port !== "80" ? ":" + tmp.port : "";

return tmp.protocol + '//' + tmp.hostname + port + '/api/' + api_version;

}());

您将在api_domain上输入所需的值。