jQuery - ajax超时处理

最新推荐文章于 2024-03-29 02:23:45 发布
最新推荐文章于 2024-03-29 02:23:45 发布
阅读量550 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gdfjhc/article/details/86631350
版权
                 

jQuery - ajax超时处理

[示例代码]

<html>
    <head>
        <script src="jquery-1.3.1.js"></script>
        <script>
            $(document).ready(
                function () {
                    $.ajax({
                        url: "jQuery - ajax.php",
                        timeout: 1000,
                        error: function (xmlHttpRequest, error) {
                            console.log(xmlHttpRequest, error);
                        }
                    });
                }
            );
        </script>
    </head>
</html>

[示例代码 - jQuery - ajax.php]

<?php
sleep(2);
?>

[jQuery的ajax]

http://docs.jquery.com/Ajax/jQuery.ajax

[jQuery - 官方网站]

http://jquery.com/

[jQuery - download下载]

当前版本, http://docs.jquery.com/Release:jQuery_1.3.1
下载列表, http://docs.jquery.com/Downloading_jQuery
最新代码, http://code.jquery.com/nightlies/jquery-nightly.js

[jQuery - 相关论坛]

http://groups.google.com/group/jquery-en
http://WebDev.board.newsmth.net/
http://WebGeeks.board.newsmth.net/
http://bbs.pku.edu.cn/, homepage看版
http://forum.csdn.net/SList/JavaScript/

[jQuery - 关键词]

jQuery

[jQuery - 文档]

http://docs.jquery.com/Main_Page

[jQuery - Core核心]

each迭代, http://docs.jquery.com/Core/each
jQuery, http://docs.jquery.com/Core/jQuery

[jQuery - Ajax]

jQuery的Ajax文档, http://docs.jquery.com/Ajax/jQuery.ajax
jQuery的Ajax选项，http://docs.jquery.com/Ajax/jQuery.ajax#options
dataType选项，设置返回值类型
timeout选项，用于设置超时
与PHP集成可以使用json_encode返回结果, http://www.php.net/manual/zh/function.json-encode.php

readyState获取请求操作的当前状态, http://msdn2.microsoft.com/en-us/library/ms534361.aspx

[jQuery - 特效]

jQuery淡入特效,http://docs.jquery.com/Effects/fadeIn

[jQuery - Selectors选择器]

表单元素选择器, http://docs.jquery.com/DOM/Traversing/Selectors#Form_Selectors
属性相等选择器，http://docs.jquery.com/Selectors/attributeEquals
checked选中, http://docs.jquery.com/Selectors/checked

:input匹配所有input, textarea, select和button元素, http://docs.jquery.com/Selectors/input

选择器在选择body中出现的title标记时，会出现和预期不同的效果。

element按指定名称匹配所有元素, http://docs.jquery.com/Selectors/element

[jQuery - Attributes属性]

val获取第一个匹配元素value属性的内容, http://docs.jquery.com/Attributes/val

[jQuery - 常用函数]

attr访问自定义属性，减少javascript脚本中代码和数据的耦合

filter, 用于在集合中过滤元素

[jQuery - Events事件]

hover, http://docs.jquery.com/Events/hover
submit提交, http://docs.jquery.com/Events/submit

focus响应每个匹配元素的焦点事件, http://docs.jquery.com/Events/focus

click单击, 触发每个匹配元素的单击事件, 绑定函数到每个匹配元素的单击事件, http://docs.jquery.com/Events/click

[jQuery - Manipulation操作]

after在每个匹配的元素之后插入内容, http://docs.jquery.com/Manipulation/after

[jQuery - Traversing遍历器]

filter过滤, http://docs.jquery.com/Traversing/filter
find查找, http://docs.jquery.com/Traversing/find

[jQuery - Tutorials教程]

Introducing $(document).ready(), http://docs.jquery.com/Tutorials:Introducing_%24%28document%29.ready%28%29

[jQuery - plugins插件]

Easing动画, http://jquery.com/plugins/project/easing
jCarouseLite, 走马灯效果, http://jquery.com/plugins/project/jCarouselLite
tableFilter, 表过滤器, http://jquery.com/plugins/project/tableFilter
Rounded Corner圆角矩形, http://docs.jquery.com/Tutorials:Rounded_Corners#Rounded_Corners_Without_Images

Jeditable原位置编辑器插件, http://plugins.jquery.com/project/jeditable

[jQuery - Utilities实用工具]

trim去掉字符串前后的空格, http://docs.jquery.com/Utilities/jQuery.trim

[jQuery - UI]

UI, http://docs.jquery.com/UI
UI/Theming, http://docs.jquery.com/UI/Theming

[jQuery - 参考资料]

http://www.json.org/, http://www.json.org/json.js

JScript (Windows Script Technologies):, http://msdn2.microsoft.com/en-us/library/hbxc2t98.aspx

prototype Property (JScript 5.6):, http://msdn2.microsoft.com/en-us/library/f5s9ycex.aspx

parseInt Method (JScript 5.6):, http://msdn2.microsoft.com/en-us/library/x53yedee.aspx

toString Method (JScript 5.6):, http://msdn2.microsoft.com/en-us/library/k6xhc6yc.aspx

HTTP Status Codes (Windows):, http://msdn2.microsoft.com/en-us/library/Aa384325.aspx

HTML+TIME:, http://msdn2.microsoft.com/en-us/library/ms533112.aspx

HTA:APPLICATION对象, http://msdn2.microsoft.com/en-us/library/ms536495.aspx

About Cross-Frame Scripting and Security:关于跨框架脚本和安全, http://msdn2.microsoft.com/en-us/library/ms533028.aspx

How to Build Tables Dynamically:如何动态构建表格, http://msdn2.microsoft.com/en-us/library/ms532998.aspx

Filter Property (Tabular Data Control): - Filter属性(表格数据控件), http://msdn2.microsoft.com/en-us/library/ms531364.aspx

close Method (window):, http://msdn2.microsoft.com/en-us/library/ms536367.aspx

ECMA标准下载, http://www.ecma-international.org/publications/standards/Ecma-262.htm

parseInt Method (JScript 5.6): - IE标准, http://msdn2.microsoft.com/en-us/library/x53yedee.aspx

complete Property (IMG, INPUT, INPUT type=image):, http://msdn2.microsoft.com/en-us/library/ms533688.aspx

fireEvent Method (A, ABBR, ACRONYM, ...):, http://msdn2.microsoft.com/en-us/library/ms536423.aspx

SunSpider JavaScript Benchmark: JavaScript性能测试, http://webkit.org/perf/sunspider-0.9/sunspider.html

onbeforeunload Event (BODY, FRAMESET, window):, http://msdn2.microsoft.com/en-us/library/ms536907.aspx

 

 

 

[jQuery - 综合实例]

实现前一个和后一个效果

跨窗口调用函数

定时刷新

下拉列表框打开指定网站

生成在两个边界间的随机数
文本输入框与标签自动更换

密码输入框与标签自动更换

文本输入区域与标签自动更换

Pre标签在IE与Firefox下效果相对理想的换行处理

固定表头，滚动表格内容

           

再分享一下我老师大神的人工智能教程吧。零基础！通俗易懂！风趣幽默！还带黄段子！希望你也加入到我们人工智能的队伍中来！https://blog.csdn.net/jiangjunshow

运真表姐
关注
Ajax设置超时时长,jquery ajax超时设置
weixin_39551993的博客
08-05 3290
var ajaxTimeoutTest = $.ajax({url:'', //请求的URLtimeout : 1000, //超时时间设置，单位毫秒type : 'get', //请求方式，get或postdata :{}, //请求所传参数，json格式dataType:'json',//返回的数据格式success:function(data){ //请求成功的回调函数alert("成...
jQuery AJAX timeout 超时问题详解
01-21
先给大家分析下超时原因： 1.网络不通畅。 2.后台运行比较慢（服务器第一次运行时，容易出现） 超时结果：JQ中 timeout设置请求超时时间。 如果服务器响应时间超过了 设置的时间，则进入 ERROR （错误处理） 超时解决方案： 1.默认的timeout为0，代表永不超时 2.尽量把timeout设置的大一点。坏处：使数据的加载变慢（貌似。呵呵）。 3.在ERROR回调函数中写 有关于 超时 处理 的函数:例如，可以在超时的情况下再次调用取数据函数。 ——————————————————- ——————————————————- 这个ajax 里有个success的函数
jquery ajax超时设置
weixin_34090643的博客
10-07 488
var ajaxTimeoutTest = $.ajax({ 　　url:'',  //请求的URL 　　timeout : 1000, //超时时间设置，单位毫秒　　type : 'get',  //请求方式，get或post 　　data :{},  //请求所传参数，json格式 　　dataType:'json',//返回的数据格式 　　success:function(data...
jQuery ajax超时处理
yffkjhg的博客
11-04 355
分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.csdn.net/jiangjunshow也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;j
ajax请求超时判断并处理
最新发布
2401_83601703的博客
03-29 2087
对jQuery 来说，超时可以直接设置timeout参数，并在error事件中捕获第二个参数，如果是“timeout”则表明捕获了超时事件，非常清楚。
为jquery的ajax请求添加超时timeout时间的操作方法
12-12
为jQuery的Ajax请求设置超时时间是一个重要的功能，可以确保应用在等待服务器响应时不会无限制地占用资源。通过`timeout`属性和适当的错误处理，我们可以优雅地处理超时情况，同时提供反馈和重试机制，提高用户体验...
jQuery基于$.ajax设置移动端click超时处理方法
10-22
总结来说，本文介绍了在移动端使用jQuery处理点击事件超时的方法，通过设置$.ajax请求的超时处理逻辑，并结合touchstart事件的快速响应特性，提升移动端交互的流畅度。同时，还提供了一种利用$.Deferred对象处理复杂...
WEB开发 之 jQuery - AJAX get() 和 post() 方法.docx
09-26
此外，jQuery还提供了`$.ajax()`方法，它是`$.get()`和`$.post()`的通用版本，可以处理更复杂的AJAX请求配置。 在实际开发中，GET和POST的选择取决于具体需求。GET通常用于获取静态或非敏感数据，而POST则用于提交...
AJAX超时处理
liuquanjc的博客
11-21 439
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;
Ajax请求在数据量大的时候出现超时的解决方法
12-09
最近在用EXtjs做项目，在加载数据量特别大的时候会出现加载超时现象，在FB下查看，原来是ext默认ajax请求30秒。 在网上搜到下面的解决方法，以备参考和其他人参考。 ExtJS做Ajax请求的时候，默认的相应时间是30秒，如果后来数据查询时间超过30秒，ExtJS就会报错。 这就需要修改ExtJS的超时时间： 2种方法： 1：在Ajax请求的时候加：（timeout: 100000000）属性 代码如下: Ext.Ajax.request({ url: ‘foo.php’, success: someFn, failure: otherFn, timeout: 100000000,//
jquery ajax超时设置（转载）
01-23 107
var ajaxTimeoutTest = $.ajax({ 　　url:'', //请求的URL 　　timeout : 1000, //超时时间设置，单位毫秒 　　type : 'get', //请求方式，get或post 　　data :{}, //请求所传参数，json格式 　　dataType:'json',//返回的数据格式 　　success:func...
jQuery和ExtJS的timeOut超时设置和event事件处理
weixin_34274029的博客
09-14 248
ajax请求如何自定义超时时间，并处理相应的超时事件呢？ 对jQuery来说，超时可以直接设置timeout参数，并在error事件中捕获第二个参数，如果是“timeout”则表明捕获了超时事件，非常清楚。 例子： $.ajax({ type: "POST", contentType: "application/json", url: "../ws/...
ajax请求超时处理
热门推荐
hu_mouse的博客
08-25 1万+
ajax请求时有个参数可以借鉴一下 var ajaxTimeOut = $.ajax({ 　　url:'', //请求的URL 　　timeout : 1000, //超时时间设置，单位毫秒 　　type : 'get', //请求方式，get或post 　　data :{}, //请求所传参数，json格式 　　dataType:'json',//返回的数据格式 　　success:fun
JQ AJAX 超时问题 timeout
qq_36238400的博客
09-30 1321
超时原因：1.网络不通畅。 2.后台运行比较慢（服务器第一次运行时，容易出现） 超时结果：JQ中 timeout设置请求超时时间。如果服务器响应时间超过了 设置的时间，则进入 ERROR （错误处理）timeoutNumber设置请求超时时间（毫秒）。此设置将覆盖全局设置。超时解决方案：1.默认的timeout为0，代表永不超时2.尽量把timeout设置的大一点。坏处：使数据的加
jQuery AJAX超时问题解决与事件处理
本篇文章将深入探讨jQuery AJAX的timeout属性以及如何处理超时情况。 首先，理解超时的原因至关重要。主要有两个因素可能导致AJAX请求超时： 1. **网络不通畅**：如果网络连接不稳定或速度过慢，数据传输可能无法...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值