我想使用 javascript 验证外部 url 是否有效/存在/响应。例如，“www.google.com”应返回 true，“www.google123.com”应返回 false。
我想通过测试将 AJAX 用于此目的： if (xmlhttp.readyState == 4 && xmlhttp.status == 200) 但似乎这不适用于远程服务器（外部 url）。由于我的服务器使用代理，我计划使用浏览器端脚本，以便它自动使用用户的浏览器代理（如果存在）。 请告诉我我必须使用“AJAX 跨域”吗？如何实现这一点，因为我只是想验证一个 url。 除了使用 AJAX 之外还有什么方法？
【问题讨论】：
标签： javascript ajax cross-domain
我很确定这是不可能的。任何允许您在用户上下文中调用另一个域上的随机页面的 AJAX 都会打开各种类型或安全漏洞。
您必须使用服务器端解决方案。
【讨论】：
避免跨域问题的常用方法是注入标签。像图像或脚本这样的标签可以从任何域加载它们的内容。你可以注入，比如说一个类型为“text/x-unknown”或其他东西的脚本标签，然后监听标签加载事件。当加载事件触发时，您可以再次从页面中移除脚本标签。
当然，如果您要查找的文件恰好是图像，那么您可以new Image() 代替。这样您就不必通过注入标签来污染页面，因为图像在创建时会加载（这可用于预加载图像）。同样，只需等待图像上的加载事件。
更新
好的，看来我在这里草率下结论。浏览器之间在如何支持这一点上存在一些差异。下面是一个完整的例子，说明如何在 IE9 和最新版本的 Firefox、Chrome 和 Safari 中使用 script 标签来验证 url。
它在旧版本的 IE（至少 IE8）中不起作用，因为它们显然不提供脚本标签的加载/错误事件。
如果 script-tag 的 contenttype 不为空或设置为“text/javascript”，Firefox 将拒绝加载任何内容。这意味着使用这种方法检查脚本文件可能有些危险。在我的测试中执行任何代码之前，似乎脚本标记已被删除，但我不确定......
不管怎样，代码如下：
<!doctype html>
<html>
<head>
<script>
function checkResource(url, callback) {
var tag = document.createElement('script');
tag.src = url;
//tag.type = 'application/x-unknown';
tag.async = true;
tag.onload = function (e) {
document.getElementsByTagName('head')[0].removeChild(tag);
callback(url, true);
}
tag.onerror = function (e) {
document.getElementsByTagName('head')[0].removeChild(tag);
callback(url, false);
}
document.getElementsByTagName('head')[0].appendChild(tag);
}
</script>
</head>
<body>
<h1>Testing something</h1>
<p>Here is some text. Something. Something else.</p>
<script>
checkResource("http://google.com", function (url, state) { alert(url + ' - ' + state) });
checkResource("http://www.google.com/this-does-not-exists", function (url, state) { alert(url + ' - ' + state) });
checkResource("www.asdaweltiukljlkjlkjlkjlwew.com/does-not-exists", function (url, state) { alert(url + ' - ' + state) });
</script>
</body>
</html>
【讨论】：