Jquery通过jsonp请求方式判断URL是否有效(URL有效性检测)

最新推荐文章于 2021-08-31 11:20:42 发布

rabit007

最新推荐文章于 2021-08-31 11:20:42 发布

阅读量1.7k

点赞数 1

分类专栏： HTML 文章标签： URL有效性 jquery jsonp

本文链接：https://blog.csdn.net/rabit007/article/details/80547431

版权

HTML 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>URL有效性检测</title>
		<script src="js/jquery-1.8.3.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("#checkokornot").text("Jquery is working ...");
			});
		</script>
	</head>

	<body>
		<h1>URL有效性检测</h1>
		<h2>Jquery通过jsonp请求方式判断URL是否有效</h2>
		<span id="checkokornot" style="color: #008000;"></span><br/><br/>
		<input type="text" id="urlForValidate" value="https://www.baidu.com"/>
		<input type="button" id="" value="验证URL" οnclick="NetPing()"/>

		<script type="text/javascript">
			function NetPing() {
				var urlForValid = $("#urlForValidate").val();
				if(urlForValid.indexOf('http')<0){alert("URL必须以http:// 或 https://开头！");return false;}
				
				$.ajax({
					url: urlForValid,
					type: "GET",
					timeout:3000,
					dataType: "jsonp",
					complete: function(response, textStatus) {
						if(response.status == 404) {
							alert("URL请求失败！");
						}else if(response.status == 200){
							alert("响应状态码：" + response.status + "\n响应信息： " + textStatus + "\nURL状态正常！");
						}else {
							alert("响应状态码：" + response.status + "\n响应信息： " + textStatus + "\nURL 可能失效了！");
						}
					}
				});
			}
		</script>
	</body>
</html>

rabit007

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Jquery通过jsonp请求方式判断URL是否有效(URL有效性检测)

&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;URL有效性检测&lt;/title&gt; &lt;script src="js/jquery-1.8.3.js" type="text/javascript&q
复制链接

扫一扫