JQuery 利用Ajax判断链接 是否有效

最新推荐文章于 2021-08-05 13:12:25 发布
最新推荐文章于 2021-08-05 13:12:25 发布
阅读量4.1k 收藏 2
点赞数
分类专栏： JS 文章标签： jquery ajax function xhtml javascript cache
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>


    <script type="text/javascript" src="../jquery-1.6.js"></script>


</head>
<body>
    <a href="1.aspx">link1</a>
</body>
</html>


<script type="text/javascript">
//利用Ajax判断链接是否有效
           (function ($) {   
          $.fn.judgeLink = function(options){  
              var defaults = {  
                  error:"error Link!"  
              }  
              var options = $.extend(defaults, options);  
              this.each(function(){  
                   var thisa=$(this);  
                        if(typeof(thisa.attr("href"))!="undefined"){  
                                thisHref=thisa.attr("href");  
                                thisa.data('href',thisa.html());  
                                    $.ajax({     
                                    url: thisHref,     
                                    type:"GET",     
                                    cache: false,  
                                    async: true, 
                                    beforeSend:function(){
                                        thisa.attr("onclick","return false;"); 
                                        thisa.html("数据加载中...");
                                     },   
                                    success: function(){
                                          thisa.attr("onclick","return true;");thisa.html(thisa.data('href'));
                                        },     
                                    error: function(){  
                                            thisa.attr("href","javascript:alert('"+options.error+"');");  
                                            thisa.attr("target","_self");
                                            thisa.html(thisa.data('href'));
                                        }   
                                    });  
                       }  
              });  
          };  
      })(jQuery);       
      $("body a").judgeLink({error:"该链接已经不可访问!"});


</script>
tatsuya.tt
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js检测判断链接是否有效
Ws11352369的专栏
12-12 1万+
js检测判断链接是否有效 一般使用 ajax 是在前台向后台传递命令而执行的，命令执行成功与否可以通过  ajax 的 success:function(data){} 和 error:fuction(data){} 返回的 data 作判断，但今天在项目上却遇到了一种情况，无法使用 前台向后台的方法传输方式，想了很久，想了很多奇怪的方法，甚至想到了在 js 中操作 response ,
基于JQuery的Ajax+JSON（全）
qq_47518713的博客
04-12 4081
Asynchronous JavaScript And XML的缩写：异步的 JavaScript 和 XML AJAX 不是新的编程，指的是⼀种交互⽅式，异步加载，客户端和服务器的数据交互更新在局部⻚⾯的 技术，不需要刷新整个⻚⾯（局部刷新） 优点： 1、局部刷新，效率更⾼ 2、⽤户体验更好 先用一个例子来开篇吧(jsp发起请求，Servlet接收） 一个test.jsp <%@ page contentType="text/html;charset=UTF-8" languag...
检测URL是否真实有效
zhl306540637的博客
09-26 231
package com.test; import java.io.IOException; import java.net.HttpURLConnection; import java.net.MalformedURLException; import java.net.URL; public class test2 { private boolean isConnect(S...
JQ检测(判断)一个链接(URL)是否有效(服务可用)
agen15的博客
11-03 3970
如果针对一个具体的URL，光用jQuery，不需要插件可以这样：  $.ajax({   url: 'http://some.url.com',   type: 'GET',   complete: function(response) {    if(response.status == 200) {     alert('有效');    } else {     aler
jquery判断页面网址是否有效的两种方法
10-20
3. 发送请求后根据请求对象的`readyState`和`Status`属性判断链接是否有效。 4. 如果`readyState`等于4且`Status`不等于200，表明链接不存在；反之，则表示链接存在。 示例代码如下： ```javascript function ...
jQuery利用Ajax搜索框补全特效代码
03-20
本篇文章将详细讲解如何利用jQuery和Ajax实现一个搜索框补全特效，即当用户在搜索框中输入文字时，系统会自动提供下拉框展示匹配的建议。 首先，要实现这个功能，我们需要理解jQuery的核心概念。jQuery通过选择器...
js判断url是否有效的两种方法
10-26
例如，如果一个网站只是想验证图片链接是否有效，可能会简单地使用图片的`onerror`事件来判断；而如果需要在不同域名下频繁检测大量URL，那么可能需要考虑更高效的解决方案，比如HTTP服务端代理。 总而言之，文章...
jQuery Ajax 实现分页 kkpager插件实例代码
10-19
本文主要介绍的是如何利用jQuery的Ajax技术配合kkpager插件实现网页上的数据分页功能。kkpager是一个基于jQuery的分页插件，可以在不刷新页面的情况下通过Ajax异步加载数据，实现动态分页。以下将详细解析标题和描述...
Jquery通过jsonp请求方式判断URL是否有效(URL有效性检测)
技术改变世界
06-02 1737
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;URL有效性检测&lt;/title&gt; &lt;script src="js/jquery-1.8.3.js" type="text/javascript&q
js 判断指定的url是否有效（能访问
热门推荐
milijiangjun的博客
11-10 1万+
最佳答案 可以自己构造一个方法来判断。利用jquery的ajax强求返回请求结果这个"特点",如果这个url不存在，ajax请求会返回404.然后判断返回的状态码： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
jQuery 判断给定的网址是否有效
weixin_33827965的博客
08-27 291
$(document).ready(function() {            $.ajax({                type: "Get",                url: "http://www.baidu.com/",                complete: function(XHR, TS) {                    alert(TS);  ...
ajax 接口测试,JavaScript：检测AJAX请求
weixin_39800957的博客
08-05 513
以下是一些代码(通过粘贴到Chrome31.0.1650.63的控制台中进行测试)，用于捕获和记录或以其他方式处理ajax请求及其响应：(function() {var proxied = window.XMLHttpRequest.prototype.send;window.XMLHttpRequest.prototype.send = function() {console.log( argu...
判断<script><link>等标签src 或href内容是否加载完成
懒虫一个V
08-22 7976
这个内容很简单只需要判断biaoqian
利用Django与jQuery构建AJAX购物车示例
在本文中，我们将深入探讨如何使用Python的Django框架与jQuery一起创建一个AJAX购物车功能。首先，Django是一个流行的Web开发框架，它提供了强大的数据管理能力和RESTful API的支持。结合jQuery，一个广泛使用的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值