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 相关文章推荐
javascript prototype,executing,context,closure
Dec 24 Javascript
怎么选择Javascript框架(Javascript Framework)
Nov 22 Javascript
javascript实现倒计时(精确到秒)
Jun 26 Javascript
JavaScript学习小结(一)——JavaScript入门基础
Sep 02 Javascript
jQuery事件绑定on()与弹窗实现代码
Apr 28 Javascript
JavaScript中的各种操作符使用总结
May 26 Javascript
用瀑布流的方式在网页上插入图片的简单实现方法
Sep 23 Javascript
AngularJS自定义服务与fliter的混合使用
Nov 24 Javascript
Bootstrap 下拉多选框插件Bootstrap Multiselect
Jan 22 Javascript
基于Vue实现后台系统权限控制的示例代码
Aug 29 Javascript
vue实现鼠标经过动画
Oct 16 Javascript
详解Js模块化的作用原理和方案
Apr 29 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
Windows2003 下 MySQL 数据库每天自动备份
2006/12/21 PHP
新手配置 PHP 调试环境(IIS+PHP+MYSQL)
2007/01/10 PHP
解析isset与is_null的区别
2013/08/09 PHP
ThinkPHP5 的简单搭建和使用详解
2018/11/15 PHP
分享精心挑选的23款美轮美奂的jQuery 图片特效插件
2012/08/14 Javascript
js下拉菜单语言选项简单实现
2013/09/23 Javascript
JS实现下拉菜单赋值到文本框的方法
2015/08/18 Javascript
jQuery+PHP星级评分实现方法
2015/10/02 Javascript
JS获取文件大小方法小结
2015/12/08 Javascript
jQuery与JS加载事件用法分析
2016/09/04 Javascript
值得分享的bootstrap table实例
2016/09/22 Javascript
微信小程序 Video API实例详解
2016/10/02 Javascript
jquery获取easyui日期控件的值实现方法
2016/11/09 Javascript
JavaScript基于Dom操作实现查找、修改HTML元素的内容及属性的方法
2017/01/20 Javascript
Vue2单一事件管理组件通信
2017/05/09 Javascript
浅谈Angular4实现热加载开发旅程
2017/09/08 Javascript
vue cli2.0单页面title修改方法
2018/06/07 Javascript
原生js实现点击轮播切换图片
2020/02/11 Javascript
javascript实现的图片预览和上传功能示例【兼容IE 9】
2020/05/01 Javascript
浅谈python可视化包Bokeh
2018/02/07 Python
tensorflow构建BP神经网络的方法
2018/03/12 Python
pandas基于时间序列的固定时间间隔求均值的方法
2019/07/04 Python
Pandas数据离散化原理及实例解析
2019/11/16 Python
用Python生成HTML表格的方法示例
2020/03/06 Python
python程序需要编译吗
2020/06/19 Python
对python中list的五种查找方法说明
2020/07/13 Python
Python如何读写二进制数组数据
2020/08/01 Python
苹果台湾官网:Apple台湾
2019/01/05 全球购物
新加坡领先的在线生活方式和杂货购物网站:EAMART
2019/04/02 全球购物
怀旧香味蜡烛:Homesick
2019/11/02 全球购物
简述进程的启动、终止的方式以及如何进行进程的查看
2014/02/20 面试题
室内设计自我鉴定
2013/10/15 职场文书
医药专业推荐信
2013/11/15 职场文书
售后服务承诺书模板
2014/05/21 职场文书
五年级学生期末评语
2014/12/26 职场文书
防止web项目中的SQL注入
2021/12/06 MySQL