基于JQuery的$.ajax方法进行异步请求导致页面闪烁的解决办法


Posted in Javascript onMay 10, 2016

情景

基于JQuery的$.ajax方法进行异步请求导致页面闪烁的解决办法

目前有个需求是在文本框填入内容,自动触发keyup事件,下拉列表会自动过滤相应的选项,但是使用了$,ajax后发现,每次触发事件时,都导致整个网页闪烁,触发了全局ajax事件

代码片段

$.ajax({ 
type: "POST", 
url: root + "/xxx, 
data: requestData, 
dataType: "json", 
success: function(data){ 
// 清空列表 
$("#formOpinion #listLeft").empty(); 
$.each(data, 
function(i, $data) { 
var $option = $("<option name='opinion.tag' value=" 
+ $data.code + $data.name + ">" + $data.code 
+ $data.name + "</option>"); 
// 绑定数据到listLeft 
$("#formOpinion #listLeft").append($option); 
}); 
} 
});

解决方案

查看JQuery API文档发现,$.ajax里面有个Global属性可以设置是否全局范围ajax事件,默认为true,改为false即可

基于JQuery的$.ajax方法进行异步请求导致页面闪烁的解决办法

基于JQuery的$.ajax方法进行异步请求导致页面闪烁的解决办法

以上内容是小编给大家介绍的基于JQuery的$.ajax方法进行异步请求导致页面闪烁的解决办法,希望对大家所有帮助!

Javascript 相关文章推荐
通过Javascript将数据导出到外部Excel文档的函数代码
Jun 15 Javascript
script的async属性以非阻塞的模式加载脚本
Jan 15 Javascript
JQuery+DIV自定义滚动条样式的具体实现
Jun 25 Javascript
JS验证身份证有效性示例
Oct 11 Javascript
jQuery背景插件backstretch使用指南
Apr 21 Javascript
JS实现先显示大图后自动收起显示小图的广告代码
Sep 04 Javascript
WebApi+Bootstrap+KnockoutJs打造单页面程序
May 16 Javascript
Bootstrap实现登录校验表单(带验证码)
Jun 23 Javascript
js canvas仿支付宝芝麻信用分仪表盘
Nov 16 Javascript
bootstrap switch开关组件使用方法详解
Aug 22 Javascript
利用JS如何计算字符串所占字节数示例代码
Sep 13 Javascript
浅谈vant组件Picker 选择器选单选问题
Nov 04 Javascript
基于jquery实现三级下拉菜单
May 10 #Javascript
jQuery Dialog对话框事件用法实例分析
May 10 #Javascript
bootstrap网页框架的使用方法
May 10 #Javascript
浅析Bootstrip的select控件绑定数据的问题
May 10 #Javascript
jQuery的文档处理程序详解
May 10 #Javascript
有关easyui-layout中的收缩层无法显示标题的解决办法
May 10 #Javascript
jQuery对象与DOM对象转换方法详解
May 10 #Javascript
You might like
Laravel 4 初级教程之Pages、表单验证
2014/10/30 PHP
php+xml编程之SimpleXML的应用实例
2015/01/24 PHP
PHP使用正则表达式获取微博中的话题和对象名
2015/07/18 PHP
微信支付开发发货通知实例
2016/07/12 PHP
javascript事件模型代码
2007/07/01 Javascript
ubuntu下安装nodejs以及升级的办法
2015/05/08 NodeJs
JavaScript 模块的循环加载实现方法
2015/12/13 Javascript
AngularJs expression详解及简单示例
2016/09/01 Javascript
微信小程序 动态传参实例详解
2017/04/27 Javascript
Vue.js实现一个SPA登录页面的过程【推荐】
2017/04/29 Javascript
vue使用jsonp抓取qq音乐数据的方法
2018/06/21 Javascript
Node.js 使用request模块下载文件的实例
2018/09/05 Javascript
微信小程序 wx.getUserInfo引导用户授权问题实例分析
2020/03/09 Javascript
[01:25:09]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS DT第二场
2014/05/24 DOTA
用python实现批量重命名文件的代码
2012/05/25 Python
Python 类与元类的深度挖掘 II【经验】
2016/05/06 Python
python文件操作之批量修改文件后缀名的方法
2018/08/10 Python
python实现雪花飘落效果实例讲解
2019/06/18 Python
python 函数的缺省参数使用注意事项分析
2019/09/17 Python
Python requests设置代理的方法步骤
2020/02/23 Python
Python 列表中的修改、添加和删除元素的实现
2020/06/11 Python
Python requests HTTP验证登录实现流程
2020/11/05 Python
python 基于PYMYSQL使用MYSQL数据库
2020/12/24 Python
Python 的 f-string 可以连接字符串与数字的原因解析
2021/02/20 Python
HTML5中div、article、section的区别及使用介绍
2013/08/14 HTML / CSS
Linux中如何用命令创建目录
2016/12/02 面试题
毕业生就业自荐信
2013/12/04 职场文书
班队活动设计方案
2014/01/30 职场文书
写好自荐信需做到的5要点
2014/03/07 职场文书
共产党员公开承诺书
2014/03/25 职场文书
青春励志演讲稿
2014/04/29 职场文书
防灾减灾标语
2014/10/07 职场文书
介绍信模板
2015/01/31 职场文书
大学生奖学金获奖感言(范文)
2019/08/15 职场文书
2019大学生暑期实习心得总结
2019/08/21 职场文书
服务器nginx权限被拒绝解决案例
2022/09/23 Servers