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 相关文章推荐
通过ifame指向的页面高度调整iframe的高度
Oct 05 Javascript
浅析JavaScript中的类型和对象
Nov 29 Javascript
js仿支付宝多方框输入支付密码效果
Sep 27 Javascript
利用Vue.js+Node.js+MongoDB实现一个博客系统(附源码)
Apr 24 Javascript
javascript 判断一个对象为数组的方法
May 03 Javascript
vue2 router 动态传参,多个参数的实例
Nov 10 Javascript
关于微信小程序获取小程序码并接受buffer流保存为图片的方法
Jun 07 Javascript
js中关于Blob对象的介绍与使用
Nov 29 Javascript
Angular如何由模板生成DOM树的方法
Dec 23 Javascript
JS Thunk 函数的含义和用法实例总结
Apr 08 Javascript
vue实现编辑器键盘抬起时内容跟随光标距顶位置向上滚动效果
May 28 Javascript
前端性能优化建议
Sep 17 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伪静态页面函数附使用方法
2008/06/20 PHP
php中将地址生成迅雷快车旋风链接的代码[测试通过]
2011/04/20 PHP
php计算title标题相似比的方法
2015/07/29 PHP
基于jquery实现的移入页面上空文本框时,让它变为焦点,移出清除焦点
2011/07/26 Javascript
javascript间隔刷新的简单实例
2013/11/14 Javascript
js控制div弹出层实现方法
2015/05/11 Javascript
jQuery采用连缀写法实现的折叠菜单效果
2015/09/18 Javascript
基于JQuery和CSS3实现仿Apple TV海报背景视觉差特效源码分享
2015/09/21 Javascript
JS实现超简洁网页title标题跑动闪烁提示效果代码
2015/10/23 Javascript
Express实现前端后端通信上传图片之存储数据库(mysql)傻瓜式教程(二)
2015/12/10 Javascript
JavaScript事件类型中UI事件详解
2016/01/14 Javascript
第七章之菜单按钮图标组件
2016/04/25 Javascript
简介BootStrap model弹出框的使用
2016/04/27 Javascript
简单易懂的天气插件(代码分享)
2017/02/04 Javascript
Vue自定义图片懒加载指令v-lazyload详解
2020/12/31 Javascript
浅谈VUE单页应用首屏加载速度优化方案
2018/08/28 Javascript
Vue自定义表单内容检查rules实例
2020/10/30 Javascript
[39:19]完美世界DOTA2联赛PWL S2 SZ vs LBZS 第二场 11.26
2020/11/30 DOTA
MAC中PyCharm设置python3解释器
2017/12/15 Python
Python网络爬虫中的同步与异步示例详解
2018/02/03 Python
使用Python画股票的K线图的方法步骤
2019/06/28 Python
python内置模块collections知识点总结
2019/12/19 Python
HTML5单页面手势滑屏切换原理
2016/03/21 HTML / CSS
HTML5单选框、复选框、下拉菜单、文本域的实现代码
2020/12/01 HTML / CSS
Bath & Body Works阿联酋:在线购买沐浴和身体用品
2021/02/27 全球购物
JBL加拿大官方商店:扬声器、耳机等
2020/10/23 全球购物
《我的信念》教学反思
2014/02/15 职场文书
求职个人评价范文
2014/04/09 职场文书
奥运会口号
2014/06/13 职场文书
干部作风建设心得体会
2014/10/22 职场文书
工作能力自我评价2015
2015/03/05 职场文书
网络销售员岗位职责
2015/04/11 职场文书
2015年文明创建工作总结
2015/04/30 职场文书
少先队入队仪式主持词
2015/07/04 职场文书
Django对接elasticsearch实现全文检索的示例代码
2021/08/02 Python
vue3语法糖内的defineProps及defineEmits
2022/04/14 Vue.js