Ajax提交与传统表单提交的区别说明


Posted in Javascript onFebruary 07, 2014

Ajax提交是通过js来提交请求,请求与响应均由js引擎来处理,页面不会刷新,用户感觉不到实际上浏览器发出了请求。比如说我们希望网页总是显示最新的新闻,而又不想老是去点刷新按钮,我们就可以用Ajax机制来实现。网上的客服软件也是ajax请求的一个比较好的案例。传统的请求页面将实现刷新,因此局限性很大。

1.为什么用AJAX?
使用AJAX,用户对Web的体验会更“敏捷”:数据提交页面不会闪屏;页面局部更新速度快;网络带宽占用低。

2.AJAX开发相较传统模式的简单之处:
传统模式下,表单提交则整个页面重绘,为了维持页面用户对表单的状态改变,要多些不少代码。要在控制器和模板之间传递更多参数以保持页面状态。而AJAX不然,因为页面只是局部更新, 不关心也不会影响页面其他部分的内容。

3.AJAX开发相较传统模式的难度:
需要了解、精通JavaScript,而JavaScript存在调试麻烦、浏览器兼容性等很多障碍。

=================================

有如下几种区别: 
1. Ajax在提交、请求、接收时,都是异步进行的,网页不需要刷新;Form提交则是新建一个页面,哪怕是提交给自己本身的页面,也是需要刷新的;

2. A在提交时,是在后台新建一个请求;F却是放弃本页面,而后再请求;

3. A必须要使用JS来实现,不启用JS的浏览器,无法完成该操作;F却是浏览器的本能,无论是否开启JS,都可以提交表单; 4. A在提交、请求、接收时,整个过程都需要使用程序来对其数据进行处理;F提交时,却是根据你的表单结构自动完成,不需要代码干预。

Javascript 相关文章推荐
flash 得到自身url参数的代码
Nov 15 Javascript
jquery拖动插件(jquery.drag)使用介绍
Jun 18 Javascript
js修改原型的属性使用介绍
Jan 26 Javascript
jQuery ui 利用 datepicker插件实现开始日期(minDate)和结束日期(maxDate)
May 22 Javascript
jquery ui resize 中border-box的bug修正
Apr 26 Javascript
前端jquery部分很精彩
May 03 Javascript
AngularJS控制器继承自另一控制器
May 09 Javascript
浅谈使用splice函数对数组中的元素进行删除时的注意事项
Dec 04 Javascript
微信小程序 数据封装,参数传值等经验分享
Jan 09 Javascript
微信小程序 选项卡的简单实例
May 24 Javascript
Vue的生命周期操作示例
Sep 17 Javascript
在webstorm中配置less的方法详解
Sep 25 Javascript
JQUERY 设置SELECT选中项代码
Feb 07 #Javascript
jquery操作select详解(取值,设置选中)
Feb 07 #Javascript
jquery select 设置默认选中的示例代码
Feb 07 #Javascript
jquery 淡入淡出效果的简单实现
Feb 07 #Javascript
通过遮罩层实现浮层DIV登录的js代码
Feb 07 #Javascript
做好七件事帮你提升jQuery的性能
Feb 06 #Javascript
为开发者准备的10款最好的jQuery日历插件
Feb 04 #Javascript
You might like
用PHP实现WEB动态网页静态
2006/10/09 PHP
php中debug_backtrace、debug_print_backtrace和匿名函数用法实例
2014/12/01 PHP
详解Yii2 之 生成 URL 的方法
2017/06/16 PHP
JavaScript的Function详细
2006/11/14 Javascript
js当一个变量为函数时 应该注意的一点细节小结
2011/12/29 Javascript
动态加载js、css等文件跨iframe实现
2014/02/24 Javascript
JavaScript判断图片是否已经加载完毕的方法汇总
2016/02/05 Javascript
JavaScript深度复制(deep clone)的实现方法
2016/02/19 Javascript
Node.js connect ECONNREFUSED错误解决办法
2016/09/15 Javascript
使用JS批量选中功能实现更改数据库中的status状态值(批量展示)
2016/11/22 Javascript
Bootstrap模态框案例解析
2017/03/05 Javascript
bootstrap table表格使用方法详解
2017/04/26 Javascript
详解在vue-cli项目中安装node-sass
2017/06/21 Javascript
[01:07:19]2018DOTA2亚洲邀请赛 4.5 淘汰赛 Mineski vs VG 第一场
2018/04/06 DOTA
Python itertools模块详解
2015/05/09 Python
用Python实现斐波那契(Fibonacci)函数
2016/03/25 Python
Python的collections模块中namedtuple结构使用示例
2016/07/07 Python
python实现远程通过网络邮件控制计算机重启或关机
2018/02/22 Python
python pandas 组内排序、单组排序、标号的实例
2018/04/12 Python
Python3获取电脑IP、主机名、Mac地址的方法示例
2019/04/11 Python
Python Numpy库datetime类型的处理详解
2019/07/13 Python
python 统计list中各个元素出现的次数的几种方法
2021/02/20 Python
细说CSS3中box属性中的overflow-x属性和overflow-y属性值的效果
2014/07/21 HTML / CSS
鼠标滚轮事件和Mac触控板双指事件
2019/12/23 HTML / CSS
Champion官网:美国冠军运动服装
2017/01/25 全球购物
美国Jeep配件购物网站:Morris 4×4 Center
2019/05/01 全球购物
Java语言的优势
2015/01/10 面试题
客服服务心得体会
2013/12/30 职场文书
运动会通讯稿100字
2014/01/31 职场文书
法制报告会主持词
2014/04/02 职场文书
医学专业大学生求职信
2014/07/12 职场文书
故意伤害人身损害赔偿协议书
2014/11/19 职场文书
汽车转让协议书范本
2014/12/07 职场文书
长城的导游词
2015/01/30 职场文书
务工证明怎么写
2015/06/18 职场文书
送给小学生的暑假礼物!小学生必背99首古诗
2019/07/02 职场文书