文档章节

jQuery使用abort方法中止ajax请求

WolfX
 WolfX
发布于 2016/02/20 13:52
字数 367
阅读 265
收藏 0

有一个很实用的插件:Autocomplete,即可以实现像搜索引擎一样的关键字提示,提示的内容是用ajax请求后台的内容,这个插件有一个功能,是当用户在输入框按键比较快时,会自动终止之前发出的ajax请求,尽量减少后端的压力,这个是如何实现的呢?这个功能就需要使用ajax对象中的abort方法来实现了。具体代码如下:

function request (){  
    if(response) response.abort(); //终止之前所有的未结束的ajax请求,然后重新开始新的请求  
    response = $.ajax({  
        url : 'test.php',   
        type: 'post',  
        data : {test:'test'},  
        dataType : 'json',  
        success : function (o){  
            console.log('success');  
        },  
        error : function (){  
            console.log('error');  
        }  
    });  
}  
$('input').on('keyup',request); //绑定keyup事件

注意:使用这个response.abort()方法终止请求的时候,实际上会触发ajax的success方法,所以需要在success方法中添加判断response对象是否存在,存在才执行具体内容。  

 


本文转载自:http://www.58lou.com/separticle.php?artid=197

WolfX

WolfX

粉丝 52
博文 246
码字总数 31477
作品 0
南京
技术主管
私信 提问
英文对照 介绍Play Framework 框架 Ajax

Play框架中的Ajax h1. Ajax in the Play framework Play框架允许你简单的使用Ajax请求,默认使用JQuery, 这一节描述了如何有效地在框架里使用jQuery。 The Play framework allows you to e...

lyuehh
2010/08/08
1K
1
PHP判断一个请求是Ajax请求还是普通请求

Javascript中大多数的框架如 jquery(jquery ui、jquery easyui)、Mootools 等,在发出 Ajax 请求时,都会发送额外的 HTTPXREQUESTED_WITH 头部信息,因此每当发送一个ajax请求你就可以在服务...

Junn
2013/08/05
7.5K
1
Java程序员从笨鸟到菜鸟之(八十九)跟我学jquery(五)jquery中的ajax详解

Ajax让用户页面丰富起来, 增强了用户体验. 使用Ajax是所有Web开发的必修课. 虽然Ajax技术并不复杂, 但是实现方式还是会因为每个开发人员的而有所差异.jQuery提供了一系列Ajax函数来帮助我们统...

长平狐
2012/11/12
342
0
初识 jQuery Deferred

jQuery 1.5之前,Ajax请求可能有点麻烦。写一个简单get请求,你可能会写成: 但这种写法存在一个问题:如果你不定义一个函数来运行此代码,执行失败后会发生什么?在这个问题得到答案之前,我...

迷途d书童
2012/04/14
4.3K
12
【jQuery-UI】Tabs Widget(2)--Methods(方法)

官方文档:http://api.jqueryui.com/tabs/ ===================================================================== 二、方法(Methods) 1.【*destroy( )】销毁tabs,恢复到初始化前的状态......

5W1H-
2012/12/13
362
0

没有更多内容

加载失败,请刷新页面

加载更多

如何在Linux中复制文档

在办公室里复印文档过去需要专门的员工与机器。如今,复制是电脑用户无需多加思考的任务。在电脑里复制数据是如此微不足道的事,以致于你还没有意识到复制就发生了,例如当拖动文档到外部硬盘...

老孟的Linux私房菜
54分钟前
23
0
SpringBoot 集成MongoDB

一、MongoDB 简介 MongoDB 如今是最流行的 NoSQL 数据库,被广泛应用于各行各业中,很多创业公司数据库选型就直接使用了 MongoDB,但对于大部分公司,使用 MongoDB 的场景是做大规模数据查询...

zw965
今天
32
0
使用 Envoy 和 AdGuard Home 阻挡烦人的广告

> 原文链接:使用 Envoy 和 AdGuard Home 阻挡烦人的广告 通常我们使用网络时,宽带运营商会为我们分配一个 DNS 服务器。这个 DNS 通常是最快的,距离最近的服务器,但会有很多问题,比如: ...

米开朗基杨
今天
35
0
springboot之全局处理异常封装

springboot之全局处理异常封装 简介 在项目中经常出现系统异常的情况,比如NullPointerException等等。如果默认未处理的情况下,springboot会响应默认的错误提示,这样对用户体验不是友好,系...

Purgeyao
今天
42
0
cookie

cookie: n. 饼干;小甜点 为什么会引入Cookie(在客户端保持http状态) 因为http协议是一种无状态协议,web服务器本身不能识别出哪些请求是同一个服务器发送的,浏览器的每一次请求都是独立...

五公里
今天
41
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部