基于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 相关文章推荐
jQuery对于显示和隐藏等常用状态的判断方法
Dec 13 Javascript
JavaScript弹出新窗口后向父窗口输出内容的方法
Apr 06 Javascript
JavaScript使用Max函数返回两个数字中较大数的方法
Apr 06 Javascript
JavaScript的面向对象编程基础
Aug 13 Javascript
以Python代码实例展示kNN算法的实际运用
Oct 26 Javascript
jquery通过扩展select控件实现支持enter或focus选择的方法
Nov 19 Javascript
es7学习教程之Decorators(修饰器)详解
Jul 21 Javascript
vue实现图片加载完成前的loading组件方法
Feb 05 Javascript
Vue中使用vux配置代码详解
Sep 16 Javascript
JS实现关闭小广告特效
Jan 29 Javascript
Vue中使用Echarts仪表盘展示实时数据的实现
Nov 01 Javascript
jquery插件实现搜索历史
Apr 24 jQuery
基于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
常见的四种POST 提交数据方式(小总结)
2015/10/08 PHP
PHP文件上传处理案例分析
2016/10/15 PHP
详解PHP归并排序的实现
2016/10/18 PHP
PHP filter_var() 函数, 验证判断EMAIL,URL等
2021/03/09 PHP
javascript基础的动画教程,直观易懂
2007/01/10 Javascript
javascript 禁用IE工具栏,导航栏等等实现代码
2013/04/01 Javascript
cookie.js 加载顺序问题怎么才有效
2013/07/31 Javascript
js网页实时倒计时精确到秒级
2014/02/10 Javascript
jQuery异步验证用户名是否存在示例代码
2014/05/21 Javascript
js实现人才网站职位选择功能的方法
2015/08/14 Javascript
JavaScript作用域示例详解
2016/07/07 Javascript
jQuery版AJAX简易封装代码
2016/09/14 Javascript
简单实现jquery焦点图
2016/12/12 Javascript
Highcharts+NodeJS搭建数据可视化平台示例
2017/01/01 NodeJs
给Easyui-Datebox设置隐藏或者不可用的解决方法
2017/05/26 Javascript
JavaScript中错误正确处理方式小结你用对了吗
2017/10/10 Javascript
微信小程序 动画的简单实例
2017/10/12 Javascript
基于vue.js中关于下拉框的值默认及绑定问题
2018/08/22 Javascript
node crawler如何添加promise支持
2020/02/01 Javascript
Python的类实例属性访问规则探讨
2015/01/30 Python
python自动格式化json文件的方法
2015/03/11 Python
在Linux下调试Python代码的各种方法
2015/04/17 Python
python获取外网ip地址的方法总结
2015/07/02 Python
Python自动登录126邮箱的方法
2015/07/10 Python
Python中matplotlib中文乱码解决办法
2017/05/12 Python
Python简单生成8位随机密码的方法
2017/05/24 Python
浅谈Pandas中map, applymap and apply的区别
2018/04/10 Python
tensorflow 加载部分变量的实例讲解
2018/07/27 Python
pip安装tensorflow的坑的解决
2020/04/19 Python
新加坡航空官方网站:Singapore Airlines
2016/10/13 全球购物
公司会计主管岗位责任制
2014/03/01 职场文书
公司感恩节活动策划书
2014/10/11 职场文书
代领报检证委托书范本
2014/10/11 职场文书
班主任先进事迹材料
2014/12/17 职场文书
前台文员岗位职责
2015/02/04 职场文书
入党培养人考察意见
2015/06/08 职场文书