js判斷請(qǐng)求的url是否可訪問,支持跨域判斷的實(shí)現(xiàn)方法
如下所示:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content="js判斷URL是否可訪問" />
<title>js判斷URL是否可訪問</title>
</head>
<body>
<div>檢驗(yàn)的url地址:</div>
<input type="text" style="width:600px;height:30px;font-size:14px;" id="urlText" value="https://www.baidu.com/" />
<input type="button" value="判斷是否可訪問" onclick="getURL()" />
<br />
<div id="msg1"></div>
<div id="msg"></div>
<script type="text/javascript" src="js/jquery-1.10.2.js"></script>
<script type="text/javascript">
function getURL() {
$("#msg").html("");
var url = $("#urlText").val();//請(qǐng)求的url
var dateTime = disptime();
var time2 = dateTime.DateTime;
$("#msg1").html("發(fā)送時(shí)間:" + time2);
$.ajax({
type: 'get',
url: url,
cache: false,
dataType: "jsonp", //跨域采用jsonp方式
processData: false,
timeout:10000, //超時(shí)時(shí)間,毫秒
complete: function (data) {
var dateTime2 = disptime();
var time22 = dateTime2.DateTime;
var htmlTxt =[];
if (data.status==200) {
htmlTxt.push("成功<br/>");
} else {
htmlTxt.push("失敗<br/>");
}
htmlTxt.push("readyState=" + data.readyState + "<br/>status=" + data.status + "<br/>statusText=" + data.statusText + "<br/>響應(yīng)時(shí)間:" + time22);
var htmlString = htmlTxt.join('');
$("#msg").html(htmlString);
}
});
}
function disptime() {
var date = new Date();
var yyyy = date.getFullYear();//四位年份
var month = date.getMonth() + 1;//月份 0-11
var day = date.getDate();//日
var HH = date.getHours();//時(shí)
var minute = date.getMinutes();//分鐘
var second = date.getSeconds();//秒
var milliseconds=date.getMilliseconds();//毫秒
if (month < 10) {
month = "0" + month;
}
if (day < 10) {
day = "0" + day;
}
if (HH < 10) {
HH = "0" + HH;
}
if (minute < 10) {
minute = "0" + minute;
}
if (second < 10) {
second = "0" + second;
}
var time = yyyy + "-" + month + "-" + day + " " + HH + ":" + minute + ":" + second + " " + milliseconds;
var timeTxt = yyyy + month + day + HH + minute + second;
var time = {
DateTime: time,
TimeTxt: timeTxt
}
return time;
}
</script>
</body>
</html>
以上這篇js判斷請(qǐng)求的url是否可訪問,支持跨域判斷的實(shí)現(xiàn)方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- Node.js的Web模板引擎ejs的入門使用教程
- 詳解Javascript模板引擎mustache.js
- 教你使用javascript簡(jiǎn)單寫一個(gè)頁面模板引擎
- node.js 使用ejs模板引擎時(shí)后綴換成.html
- javascript輕量級(jí)模板引擎juicer使用指南
- js控制div彈出層實(shí)現(xiàn)方法
- JS簡(jiǎn)單實(shí)現(xiàn)動(dòng)畫彈出層效果
- js與css實(shí)現(xiàn)彈出層覆蓋整個(gè)頁面的方法
- jstree創(chuàng)建無限分級(jí)樹的方法【基于ajax動(dòng)態(tài)創(chuàng)建子節(jié)點(diǎn)】
- JavaScript將base64圖片轉(zhuǎn)換成formData并通過AJAX提交的實(shí)現(xiàn)方法
- 詳解AngularJS如何實(shí)現(xiàn)跨域請(qǐng)求
- 詳解js的延遲對(duì)象、跨域、模板引擎、彈出層、AJAX【附實(shí)例下載】
相關(guān)文章
怎樣用JavaScript實(shí)現(xiàn)觀察者模式
這篇文章主要介紹了怎樣用JavaScript實(shí)現(xiàn)觀察者模式,想學(xué)習(xí)設(shè)計(jì)模式的同學(xué),可以參考一下2021-04-04
簡(jiǎn)單實(shí)現(xiàn)js進(jìn)度條加載效果
這篇文章主要為大家詳細(xì)介紹了如何簡(jiǎn)單實(shí)現(xiàn)js進(jìn)度條加載效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-08-08
由淺入深講解Javascript繼承機(jī)制與simple-inheritance源碼分析
Javascript語言對(duì)繼承實(shí)現(xiàn)的并不好,需要工程師自己去實(shí)現(xiàn)一套完整的繼承機(jī)制。下面我們由淺入深的系統(tǒng)掌握使用javascript繼承的技巧,對(duì)javascript繼承相關(guān)知識(shí)感興趣的朋友一起看看吧2015-12-12
JS庫之Particles.js中文開發(fā)手冊(cè)及參數(shù)詳解
因?yàn)樽约盒枰霎a(chǎn)品,所以一個(gè)好的UI界面也是很重要的,發(fā)現(xiàn)這種散射的原子顆粒特效還不錯(cuò)。今天腳本之家小編把Particles.js中文開發(fā)手冊(cè)及particles.js參數(shù)分享給大家,需要的朋友參考下吧2017-09-09
UniApp使用manifest.json應(yīng)用配置的超詳細(xì)教學(xué)
這篇文章主要給大家介紹了關(guān)于uni-app應(yīng)用配置manifest.json最全最詳細(xì)配置,manifest.json文件是應(yīng)用的配置文件,用于指定應(yīng)用的名稱、圖標(biāo)、權(quán)限等,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-01-01
js 數(shù)值項(xiàng)目的格式化函數(shù)代碼
數(shù)值項(xiàng)目的格式化函數(shù)代碼,需要的朋友可以參考下。2010-05-05
詳解微信小程序獲取當(dāng)前時(shí)間及日期的方法
這篇文章主要介紹了微信小程序獲取當(dāng)前時(shí)間及日期的方法,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04

