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 相关文章推荐
jQuery 瀑布流 绝对定位布局(二)(延迟AJAX加载图片)
May 23 Javascript
JS实现图片高亮展示效果实例
Nov 24 Javascript
javascript中eval解析JSON字符串
Feb 27 Javascript
JS获取字符对应的ASCII码实例
Sep 10 Javascript
从parcel.js打包出错到选择nvm的全部过程
Jan 23 Javascript
webpack多入口多出口的实现方法
Aug 17 Javascript
vue 指令之气泡提示效果的实现代码
Oct 18 Javascript
JavaScript强制类型转换和隐式类型转换操作示例
May 01 Javascript
AngularJs中$cookies简单用法分析
May 30 Javascript
layui 中select下拉change事件失效的解决方法
Sep 20 Javascript
vue项目中使用bpmn为节点添加颜色的方法
Apr 30 Javascript
javascript遍历对象的五种方式实例代码
Oct 24 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
《星际争霸》各版本雷兽特点图文解析 雷兽不同形态一览
2020/03/02 星际争霸
PHP中使用mktime获取时间戳的一个黑色幽默分析
2012/05/31 PHP
php字符串替换函数substr_replace()用法实例
2015/03/17 PHP
thinkPHP5.0框架事务处理操作简单示例
2018/09/07 PHP
自己开发Dojo的建议框架
2008/09/24 Javascript
谷歌浏览器 insertCell与appendChild的区别
2009/02/12 Javascript
分享10篇优秀的jQuery幻灯片制作教程及应用案例
2011/04/16 Javascript
Extjs中的GridPanel隐藏列会显示在menuDisabled中解决方法
2013/01/27 Javascript
js实现简单随机抽奖的方法
2015/01/27 Javascript
JavaScript实现单击下拉框选择直接跳转页面的方法
2015/07/02 Javascript
PageSwitch插件实现100种不同图片切换效果
2015/07/28 Javascript
jQuery实现灰蓝风格标准二级下拉菜单效果代码
2015/08/31 Javascript
JavaScript纯色二维码变成彩色二维码
2020/07/23 Javascript
JS实现简单抖动效果
2017/06/01 Javascript
vue组件的写法汇总
2018/04/12 Javascript
Vue作用域插槽slot-scope实例代码
2018/09/05 Javascript
vue使用el-upload上传文件及Feign服务间传递文件的方法
2019/03/15 Javascript
Vue请求java服务端并返回数据代码实例
2019/11/28 Javascript
微信小程序清空输入框信息与实现屏幕往上滚动的示例代码
2020/06/23 Javascript
python33 urllib2使用方法细节讲解
2013/12/03 Python
python读取TXT到数组及列表去重后按原来顺序排序的方法
2015/06/26 Python
PyQt5每天必学之单行文本框
2018/04/19 Python
python 字符串和整数的转换方法
2018/06/25 Python
使用Python AIML搭建聊天机器人的方法示例
2018/07/09 Python
python 批量修改/替换数据的实例
2018/07/25 Python
Python多线程threading模块用法实例分析
2019/05/22 Python
在Python函数中输入任意数量参数的实例
2019/07/16 Python
利用PyQt中的QThread类实现多线程
2020/02/18 Python
解决Tensorflow2.0 tf.keras.Model.load_weights() 报错处理问题
2020/06/12 Python
英国最大的经认证的有机超市:Planet Organic
2018/02/02 全球购物
美津浓美国官网:Mizuno美国
2018/08/07 全球购物
PatPat德国:妈妈的每日优惠
2019/10/02 全球购物
村庄环境整治方案
2014/05/15 职场文书
个人授权委托书模板
2014/09/14 职场文书
2014年班级工作总结
2014/11/14 职场文书
2014年学校财务工作总结
2014/12/06 职场文书