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是否可访问,支持跨域判断的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
图片上传即时显示缩略图的js代码
May 27 Javascript
javascript中&quot;/&quot;运算符常见错误
Oct 13 Javascript
Array, Array Constructor, for in loop, typeof, instanceOf
Sep 13 Javascript
关于js new Date() 出现NaN 的分析
Oct 23 Javascript
ExtJS下 Ext.Direct加载和提交过程排错小结
Apr 02 Javascript
JS中FRAME的操作问题实例分析
Oct 21 Javascript
jquery实现简单的banner轮播效果【实例】
Mar 30 Javascript
由浅入深剖析Angular表单验证
Jul 14 Javascript
BootStrap+Angularjs+NgDialog实现模式对话框
Aug 24 Javascript
基于jstree使用AJAX请求获取数据形成树
Aug 29 Javascript
react native基于FlatList下拉刷新上拉加载实现代码示例
Sep 30 Javascript
VUE实现密码验证与提示功能
Oct 18 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
You might like
PHP可变函数的使用详解
2013/06/14 PHP
php 在windows下配置虚拟目录的方法介绍
2013/06/26 PHP
php实现多维数组中每个单元值(数字)翻倍的方法
2015/02/16 PHP
php遍历、读取文件夹中图片并分页显示图片的方法
2016/11/15 PHP
jquery动画3.创建一个带遮罩效果的图片走廊
2012/08/24 Javascript
js中的如何定位固定层的位置
2014/06/15 Javascript
js读取cookie方法总结
2014/10/31 Javascript
使用jquery组件qrcode生成二维码及应用指南
2015/02/22 Javascript
超级简单实现JavaScript MVC 样式框架
2015/03/24 Javascript
js判断价格,必须为数字且不能为负数的实现方法
2016/10/07 Javascript
Ajax与服务器(JSON)通信实例代码
2016/11/05 Javascript
JavaScript版经典游戏之扫雷游戏完整示例【附demo源码下载】
2016/12/12 Javascript
js实现刷新页面后回到记录时滚动条的位置【两种方案可选】
2016/12/12 Javascript
利用javascript实现的三种图片放大镜效果实例(附源码)
2017/01/23 Javascript
react实现一个优雅的图片占位模块组件详解
2017/10/30 Javascript
浅谈vue首屏加载优化
2018/06/28 Javascript
Angular中innerHTML标签的样式不起作用的原因解析
2019/06/18 Javascript
vue-cli配置flexible过程详解
2019/07/04 Javascript
Vue函数式组件的应用实例详解
2019/08/30 Javascript
jquery实现拖拽小方块效果
2020/12/10 jQuery
django用户登录和注销的实现方法
2018/07/16 Python
Django框架ORM数据库操作实例详解
2019/11/07 Python
python实现ftp文件传输功能
2020/03/20 Python
windows10环境下用anaconda和VScode配置的图文教程
2020/03/30 Python
Parfume Klik丹麦:香水网上商店
2018/07/10 全球购物
俄罗斯第一家篮球店:StreetBall
2020/07/30 全球购物
前台接待岗位职责
2013/12/03 职场文书
简历中自我评价范文3则
2013/12/14 职场文书
音乐教学随笔感言
2014/02/19 职场文书
班级出游活动计划书
2014/08/15 职场文书
公安个人四风问题对照检查及整改措施
2014/10/28 职场文书
2015年“七七卢沟桥事变”纪念活动总结
2015/03/24 职场文书
先进个人事迹材料(2016推荐版)
2016/03/01 职场文书
详解MySQL连接挂死的原因
2021/05/18 MySQL
JavaScript中MutationObServer监听DOM元素详情
2021/11/27 Javascript
CSS精灵图的原理与使用方法介绍
2022/03/17 HTML / CSS