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 相关文章推荐
Dojo 学习笔记入门篇 First Dojo Example
Nov 15 Javascript
location.href语句与火狐不兼容的问题
Jul 04 Javascript
表单JS弹出填写提示效果代码
Apr 16 Javascript
jQuery+.net实现浏览更多内容(改编php版本)
Mar 28 Javascript
js实现表格字段排序
Feb 19 Javascript
jQuery 动态云标签插件
Nov 11 Javascript
微信小程序新增的拖动组件movable-view使用教程
May 20 Javascript
使用vue构建移动应用实战代码
Aug 02 Javascript
基于对象合并功能的实现示例
Oct 10 Javascript
浅析JS抽象工厂模式
Dec 14 Javascript
react-native聊天室|RN版聊天App仿微信实例|RN仿微信界面
Nov 12 Javascript
一文搞懂redux在react中的初步用法
Jun 09 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实现批量压缩图片文件大小的脚本
2014/07/04 PHP
php封装的连接Mysql类及用法分析
2015/12/10 PHP
WordPress开发中用于标题显示的相关函数使用解析
2016/01/07 PHP
使用PHP免费发送定时短信的实例
2016/10/24 PHP
Yii2使用$this-&gt;context获取当前的Module、Controller(控制器)、Action等
2017/03/29 PHP
PHP高并发和大流量解决方案整理
2019/12/24 PHP
用js实现的一个Flash滚动轮换显示图片代码生成器
2007/03/14 Javascript
几个常用的JavaScript字符串处理函数 - split()、join()、substring()和indexOf()
2009/06/02 Javascript
JavaScript 解析Json字符串的性能比较分析代码
2009/12/16 Javascript
javascript模块化是什么及其优缺点介绍
2013/09/02 Javascript
javascript验证只能输入数字和一个小数点示例
2013/10/21 Javascript
javaScript中的this示例学习详解及工作原理
2014/01/13 Javascript
JS动态生成年份和月份实例代码
2017/02/04 Javascript
Bootstrap图片轮播效果详解
2017/10/17 Javascript
一个简单的node.js界面实现方法
2018/06/01 Javascript
详解vue指令与$nextTick 操作DOM的不同之处
2018/08/02 Javascript
JS监听滚动和id自动定位滚动
2018/12/18 Javascript
[03:00]2018完美盛典_最佳英雄奖
2018/12/17 DOTA
Python实现的简单万年历例子分享
2014/04/25 Python
Python编写屏幕截图程序方法
2015/02/18 Python
Python基于OpenCV实现视频的人脸检测
2018/01/23 Python
对python3中, print横向输出的方法详解
2019/01/28 Python
Python定义函数功能与用法实例详解
2019/04/08 Python
Mac在python3环境下安装virtualwrapper遇到的问题及解决方法
2019/07/09 Python
Python自动化完成tb喵币任务的操作方法
2019/10/30 Python
布隆过滤器的概述及Python实现方法
2019/12/08 Python
python3 中使用urllib问题以及urllib详解
2020/08/03 Python
举例讲解Python装饰器
2020/12/24 Python
怎样在 Applet 中建立自己的菜单(MenuBar/Menu)?
2012/06/20 面试题
大学生物业管理求职信
2013/10/24 职场文书
厨房工作人员岗位职责
2013/11/15 职场文书
小学评语大全
2014/04/22 职场文书
滴水洞导游词
2015/02/10 职场文书
论文评审意见
2015/06/05 职场文书
首次购房证明
2015/06/19 职场文书
Vue3.0 手写放大镜效果
2021/07/25 Vue.js