编程 Javascript

js判断请求的url是否可访问,支持跨域判断的实现方法

Posted in Javascript onSeptember 17, 2016

如下所示：

<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>检验的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();//请求的url
      var dateTime = disptime();
      var time2 = dateTime.DateTime; 
      $("#msg1").html("发送时间：" + time2); 
      $.ajax({
        type: 'get',
        url: url,
        cache: false,
        dataType: "jsonp", //跨域采用jsonp方式 
        processData: false,
        timeout:10000, //超时时间，毫秒
        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/>响应时间：" + 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();//时
      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判断请求的url是否可访问,支持跨域判断的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持三水点靠木。

- Author -

jingxian

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JavaScript中函数声明优先于变量声明的实例分析

Mar 01 Javascript

在JS数组特定索引处指定位置插入元素

Jul 27 Javascript

HTML5之WebSocket入门3 -通信模型socket.io

Aug 21 Javascript

JavaScript中访问id对象属性的方式访问属性(实例代码)

Oct 28 Javascript

AngularJS入门教程之多视图切换用法示例

Nov 02 Javascript

jQuery居中元素scrollleft计算方法示例

Jan 16 Javascript

jquery实现图片放大点击切换

Jun 06 jQuery

如何用webpack4带你实现一个vue的打包的项目

Jun 20 Javascript

Vue表单输入绑定的示例代码

Nov 01 Javascript

axios携带cookie配置详解(axios+koa)

Dec 28 Javascript

Angular7创建项目、组件、服务以及服务的使用

Feb 19 Javascript

深入webpack打包原理及loader和plugin的实现

May 06 Javascript

最全面的JS倒计时代码

Sep 17 #Javascript

jQuery检查元素存在性(推荐)

Sep 17 #Javascript

用jquery获取自定义的标签属性的值简单实例

Sep 17 #Javascript

Js获取当前日期时间及格式化代码

Sep 17 #Javascript

将html页面保存成图片,图片写入pdf的实现方法(推荐)

Sep 17 #Javascript

jquery遍历标签中自定义的属性方法

Sep 17 #Javascript

jquery属性,遍历,HTML操作方法详解

Sep 17 #Javascript