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 相关文章推荐
基于jQuery的淡入淡出可自动切换的幻灯插件打包下载
Sep 15 Javascript
一个关于jqGrid使用的小例子(行按钮)
Nov 04 Javascript
node.js中的url.format方法使用说明
Dec 10 Javascript
使用bootstrap typeahead插件实现输入框自动补全之问题及解决办法
Jul 07 Javascript
jQuery双向列表选择器select版
Nov 01 Javascript
微信小程序chooseImage的用法(从本地相册选择图片或使用相机拍照)
Aug 22 Javascript
vue实现短信验证码输入框
Apr 17 Javascript
微信小程序中的列表切换功能实例代码详解
Jun 09 Javascript
vue使用video插件vue-video-player详解
Oct 23 Javascript
Antd-vue Table组件添加Click事件,实现点击某行数据教程
Nov 17 Javascript
vue-calendar-component 封装多日期选择组件的实例代码
Dec 04 Vue.js
js Proxy的原理详解
May 25 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
NOD32 v2.70.32 简体中文封装版 提供下载了
2007/02/27 PHP
使用zend studio for eclipse不能激活代码提示功能的解决办法
2009/10/11 PHP
php skymvc 一款轻量、简单的php
2011/06/28 PHP
Laravel框架表单验证详解
2014/09/04 PHP
php去除数组中重复数据
2014/11/18 PHP
Android AsyncTack 异步任务实例详解
2016/11/02 PHP
php发送http请求的常用方法分析
2016/11/08 PHP
PHP+Ajax实现的无刷新分页功能详解【附demo源码下载】
2017/07/03 PHP
php闭包中使用use声明变量的作用域实例分析
2018/08/09 PHP
PHP加MySQL消息队列深入理解
2021/02/27 PHP
js 关于=+与+=日期函数使用说明(赋值运算符)
2011/11/15 Javascript
JQuery 文本框回车跳到下一个文本框示例代码
2013/08/30 Javascript
js从Cookies里面取值的简单实现
2014/06/30 Javascript
jquery遍历函数siblings()用法实例
2015/12/24 Javascript
js判断当前页面用什么浏览器打开的方法
2016/01/06 Javascript
浅析JSONP技术原理及实现
2016/06/08 Javascript
jQuery动态添加可拖动元素完整实例(附demo源码下载)
2016/06/21 Javascript
微信小程序 九宫格实例代码
2017/01/21 Javascript
JS在浏览器中解析Base64编码图像
2017/02/09 Javascript
SelectPage v2.4 发布新增纯下拉列表和关闭分页功能
2017/09/07 Javascript
vue2.5.2使用http请求获取静态json数据的实例代码
2018/02/27 Javascript
15个顶级开源JavaScript框架和库
2018/10/10 Javascript
[05:14]辉夜杯主赛事第二日 RECAP精彩回顾
2015/12/27 DOTA
Python实现的一个简单LRU cache
2014/09/26 Python
将Django使用的数据库从MySQL迁移到PostgreSQL的教程
2015/04/11 Python
python3+PyQt5实现支持多线程的页面索引器应用程序
2018/04/20 Python
Pytorch 中retain_graph的用法详解
2020/01/07 Python
Spring Boot中使用IntelliJ IDEA插件EasyCode一键生成代码详细方法
2020/03/20 Python
python连接mongodb数据库操作数据示例
2020/11/30 Python
用HTML5制作数字时钟的教程
2015/05/11 HTML / CSS
银行行长竞聘演讲稿
2014/04/23 职场文书
2016年4月份红领巾广播稿
2015/12/21 职场文书
python单元测试之pytest的使用
2021/06/07 Python
mybatis中sql语句CDATA标签的用法说明
2021/06/30 Java/Android
Java8 CompletableFuture 异步回调
2022/04/28 Java/Android
CentOS7 minimal 最小化安装网络设置过程
2022/12/24 Servers