js判斷請(qǐng)求的url是否可訪問(wèn),支持跨域判斷的實(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是否可訪問(wèn)" /> <title>js判斷URL是否可訪問(wèn)</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="判斷是否可訪問(wèn)" 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是否可訪問(wèn),支持跨域判斷的實(shí)現(xiàn)方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- Node.js的Web模板引擎ejs的入門使用教程
- 詳解Javascript模板引擎mustache.js
- 教你使用javascript簡(jiǎn)單寫一個(gè)頁(yè)面模板引擎
- 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è)頁(yè)面的方法
- jstree創(chuàng)建無(wú)限分級(jí)樹(shù)的方法【基于ajax動(dòng)態(tài)創(chuàng)建子節(jié)點(diǎn)】
- JavaScript將base64圖片轉(zhuǎn)換成formData并通過(guò)AJAX提交的實(shí)現(xiàn)方法
- 詳解AngularJS如何實(shí)現(xiàn)跨域請(qǐng)求
- 詳解js的延遲對(duì)象、跨域、模板引擎、彈出層、AJAX【附實(shí)例下載】
相關(guān)文章
js實(shí)現(xiàn)3D圖片環(huán)展示效果
本文主要介紹了js實(shí)現(xiàn)3D圖片環(huán)展示效果的實(shí)例,具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-03-03基于JS實(shí)現(xiàn)限時(shí)搶購(gòu)倒計(jì)時(shí)間表代碼
本文給大家分享一段簡(jiǎn)單的代碼基于js實(shí)現(xiàn)限時(shí)搶購(gòu)倒計(jì)時(shí)間表功能,非常不錯(cuò),代碼簡(jiǎn)單易懂,需要的的朋友參考下吧2017-05-05Locate a File Using a File Open Dialog Box
Locate a File Using a File Open Dialog Box...2007-06-06JS實(shí)現(xiàn)可拖曳、可關(guān)閉的彈窗效果
這篇文章主要介紹了JS實(shí)現(xiàn)可拖曳、可關(guān)閉的彈窗效果,可實(shí)現(xiàn)點(diǎn)擊文字彈出可拖動(dòng)的窗口,同時(shí)背景出現(xiàn)變暗的遮罩效果,點(diǎn)擊遮罩層即可關(guān)閉彈出,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09javascript獲得服務(wù)器端控件的ID的實(shí)現(xiàn)代碼
javascript獲得服務(wù)器端控件的ID的實(shí)現(xiàn)代碼,需要的朋友可以參考下。2011-12-12js 替換功能函數(shù),用正則表達(dá)式解決,js的全部替換
js 替換功能函數(shù),用正則表達(dá)式解決,js的全部替換,學(xué)習(xí)js的朋友可以參考下。2010-12-12webpack4之SplitChunksPlugin使用指南
這篇文章主要介紹了webpack4之SplitChunksPlugin使用指南,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-06-06