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 相关文章推荐
js parsefloat parseint 转换函数
Jan 21 Javascript
数组Array进行原型prototype扩展后带来的for in遍历问题
Feb 07 Javascript
javascript oop开发滑动(slide)菜单控件
Aug 25 Javascript
使用jQuery实现dropdownlist的联动效果(sharepoint 2007)
Mar 30 Javascript
二叉树先序遍历的非递归算法具体实现
Jan 09 Javascript
ExtJS如何设置与获取radio控件的选取状态
Jan 22 Javascript
javascript中2个感叹号的用法实例详解
Sep 04 Javascript
js实现(全选)多选按钮的方法【附实例】
Mar 30 Javascript
js与jquery分别实现tab标签页功能的方法
Nov 18 Javascript
COM组件中调用JavaScript函数详解及实例
Feb 23 Javascript
vue组件实现文字居中对齐的方法
Aug 23 Javascript
JavaScript屏蔽Backspace键的实现代码
Nov 02 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
MySQL相关说明
2007/01/15 PHP
PHP在线生成二维码代码(google api)
2013/06/03 PHP
浅谈PHP强制类型转换,慎用!
2013/06/06 PHP
Zend Framework入门教程之Zend_Mail用法示例
2016/12/08 PHP
PHP中常见的密码处理方式和建议总结
2018/10/14 PHP
asp.net中System.Timers.Timer的使用方法
2013/03/20 Javascript
JavaScript实现的简单拖拽效果
2015/06/01 Javascript
使用ngView配合AngularJS应用实现动画效果的方法
2015/06/19 Javascript
Bootstrap每天必学之折叠
2016/04/12 Javascript
不同js异步函数同步的实现方法
2016/05/28 Javascript
关于JavaScript数组你所不知道的3件事
2016/08/24 Javascript
JS实现图片延迟加载并淡入淡出效果的简单方法
2016/08/25 Javascript
Jquery循环截取字符串的方法(多出的字符串处理成"...")
2016/11/28 Javascript
JavaScript 事件对内存和性能的影响
2017/01/22 Javascript
Vue获取DOM元素样式和样式更改示例
2017/03/07 Javascript
JS实现留言板功能[楼层效果展示]
2017/12/27 Javascript
vue 项目地址去掉 #的方法
2018/10/20 Javascript
vue+element UI实现树形表格带复选框的示例代码
2019/04/16 Javascript
vue-cli2与vue-cli3在一台电脑共存的实现方法
2019/09/25 Javascript
jquery插件实现轮播图效果
2020/10/19 jQuery
[01:00:14]DOTA2官方TI8总决赛纪录片 真视界True Sight
2019/01/16 DOTA
Python使用SocketServer模块编写基本服务器程序的教程
2016/07/12 Python
Python读取sqlite数据库文件的方法分析
2017/08/07 Python
一步步教你用python的scrapy编写一个爬虫
2019/04/17 Python
django mysql数据库及图片上传接口详解
2019/07/18 Python
详解使用Python下载文件的几种方法
2019/10/13 Python
Python-jenkins模块之folder相关操作介绍
2020/05/12 Python
Jupyter notebook快速入门教程(推荐)
2020/05/18 Python
如何为DataGridView添加一个定制的Column Type
2014/01/21 面试题
高中生学习总结的自我评价范文
2013/10/13 职场文书
机械电子工程专业推荐信范文
2013/11/20 职场文书
女大学生自我鉴定
2013/12/09 职场文书
学生感冒英文请假条
2014/02/04 职场文书
刑事辩护授权委托书
2014/09/13 职场文书
会计岗位职责范本
2015/04/02 职场文书
公司董事任命书
2015/09/21 职场文书