应用解决告诉你什么时候该用ajax
第一、请求的提交是为了页面数据的显示,这时候用户一般不希望看到页面的刷新,是使用AJAX的一个最佳时候。
第二、如果请求提交后,用户能从页面感觉到提交结果,这时候,也最好不要有页面刷新,推荐使用AJAX技术。
第三、如果请求提交后,用户不能从页面感觉到提交动作,如绝大多数时候的数据的增加和修改,这时候则需要页面刷新,不能使用AJAX技术。
第四、复杂的UI,以前对于复杂的C/S模式的UI,B/S模式一向采取逃避的方法,现在则可以放心大胆的使用AJAX来加以解决。
常见问题解决:
1、 第一、输入值校验的问题 申请用户的时候检查用户名是否重复,用AJAX访问后台,既不需要刷新页面,也没有过多的JS代码
2、第二、级联显示的问题 访问后台吧,页面需要刷新;JS代码量大,影响内存,数据不安全;所以常级联选择框,级联菜单,导航树等
3、第三、请求结果只改变部分页面 如,论坛的回复帖子和帖子列表在一个页面上的时候。这两个UI在一个页面上,用户体验比回复帖子在另外一个页面好。但回复后要对整个页面进行刷新,这种感觉就不好了。你看,那么大一个帖子列表,只增加你的一个回复,却要对整个页面进行刷新,不管从哪个角度来看都不好。
4、第四、由于技术原因而使用iframe的问题 避免iframe的嵌套引入的技术难题
5、第五、数据录入和列表显示在同一个页面 C/S 模式的UI中常常有数据录入和数据列表显示在同一个界面上,这样对于用户来说有很好的用户体验,用户录入的结果马上就能在同一界面显示。但是在B/S的 UI上,由于需要提交刷新的问题,我们经常把数据的录入和数据显示分别放在两个不同的页面上。很显然,这样的用户体验肯定没有C/S模式来得好。像这样的 问题还有很多,在B/S模式下,都因为技术的原因而选择其他的解决办法。现在我们可以自豪的使用AJAX来宣告可以做出和C/S模式一样复杂的UI了
6、第六、翻页问题 不需要刷新的翻页
文章来源:http://blog.csdn.net/gebi_msdn/article/details/1682210
相关阅读:
Ajax 应用六个需要注意的事项
Ajax原理以及优缺点
Ajax原理以及优缺点
应用解决告诉你什么时候该用ajax相关推荐
- 服务器不响应Ajax,web前端:解决在IE11浏览器下,JQuery的AJAX方法不响应问题
jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件.jQuery兼容各种主流浏览器 ...
- ie11 ajax 加载提示,解决在IE11浏览器下,JQuery的AJAX方法不响应问题
在项目的时候一直都是在使用谷歌浏览器在调试,后来在现场部署到服务器上的时候,客户使用的是IE浏览器,版本是11 在测试的过程中,出现几个问题,虽然是几个问题,但是问题的原因就是AJAX第一次响应,第二 ...
- drupal 7 ajax,解决Drupal安装模块返回发生一个AJAX HTTP错误。
正在安装XXX模块 发生错误. 请继续错误页面 发生一个AJAX HTTP错误. HTTP返回代码:404 调试信息如下. 路径:/core/authorize.php/core/authorize. ...
- js ajax 递归,javascript ajax循环请求/ 长轮询终极解决办法——递归
ajax循环请求,不能使用for循环,原因如下: 1. 因为ajax是异步执行,在还没有拿到服务器响应内容,就进入下一个for循环中 解决办法:递归currentIndex = 0; function ...
- 解决AJAX CalendarExtender控件不显示中文的情况(转帖博客园某人(不好意思,实在是没有找到您的尊姓大名,感谢一下!))...
在接触Ajax Control Toolkit之后,发现CalendarExtender的使用真的很方便,只要把控件拖入就能够使TextBox弹出日期选择. 不过大家都是否有跟我一样的问题,那就是.. ...
- [问题处理]redmine的gantt图导出出现‘星星星星星星星星’怎么解决
问题描述: redmine中的gantt图用途还是非常大,对于使用习惯了ms project的人来说,必不可少的一个东西,但是gantt图在导出到PDF时候,会出现'星星星星星星星星'问题,很是不 ...
- 解决htmlfile: 未知的运行时错误
解决htmlfile: 未知的运行时错误 今天弄ajax应用,出现错误信息:htmlfile: 未知的运行时错误 简单的返回是loaddata.innerHTML="aaaaaaa" ...
- NodeJS解决跨域问题:Access-Control-Allow-Origin
今天在玩vue-resource时,后台使用nodejs来提供数据,由于需要跨域,在网上也找到了解决方法. vue-resource代码(其实就是ajax技术): this.$http.get({ur ...
- IE8浏览器缓存问题导致Ajax的GET请求只能执行一次的解决办法
转载自 IE8浏览器缓存问题导致Ajax的GET请求只能执行一次的解决办法 最近在测试兼容性问题的时候发现,使用Ajax的GET请求向后台获取响应结果时,如果是IE8浏览器,第一次发送请求时会得到正 ...
最新文章
- 武汉东方7神话服饰有限公司
- 微信小程序开发第二弹
- SSH 安全性和配置入门
- Request load 没有成功执行的原因分析
- Android 自定义View实现QQ运动积分抽奖转盘
- 计算机网络(九)-物理层(补充)-傅里叶变换-信道复用
- 更换分布式文件系统副本组成员的硬件或操作系统——第一步:计划
- 超300程序员受益入职的面试经验
- 视频:我是设计师高清完整版Plus拍摄花絮
- 2021-03-09
- #windowsxpsp3系统MS12-020漏洞测试
- js 实现 将一句英文的首字母转大写,其它转小写
- 镭速(Raysync)文件传输高可用安装部署介绍!
- 转:NO.523 Aidan HawkenCarina Round - Walking Blind
- 苹果xsmax怎么开机_苹果XSMAX手机进水不开机怎么办?看小伙如何完美修复!
- 密码 加盐处理 是什么
- pythonidle怎样显示行号_给Python IDLE添加行号显示
- 使用layui做数据表格使用下拉菜单并实现删除功能和时间选择器
- 天若有情天亦老月如无恨月长圆
- 2019年营销经典案例