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 asp.net 用json格式返回自定义对象
Apr 07 Javascript
javascript基础之查找元素的详细介绍(访问节点)
Jul 05 Javascript
JavaScript伸缩的菜单简单示例
Dec 03 Javascript
使用GruntJS构建Web程序之Tasks(任务)篇
Jun 06 Javascript
JavaScript设计模式之外观模式介绍
Dec 28 Javascript
javascript正则表达式之search()用法实例
Jan 19 Javascript
jquery实现标签上移、下移、置顶
Apr 26 Javascript
基于JavaScript判断浏览器到底是关闭还是刷新(超准确)
Feb 01 Javascript
jQuery插件扩展实例【添加回调函数】
Nov 26 Javascript
如何解决日期函数new Date()浏览器兼容性问题
Sep 11 Javascript
easyUI使用分页过滤器对数据进行分页操作实例分析
Jun 01 Javascript
适合后台管理系统开发的12个前端框架(小结)
Jun 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
怎样在UNIX系统下安装MySQL
2006/10/09 PHP
php URL编码解码函数代码
2009/03/10 PHP
php getimagesize 上传图片的长度和宽度检测代码
2010/05/15 PHP
PHP简单实现循环链表功能示例
2017/11/10 PHP
运算符&&的三个不同层次
2013/04/07 Javascript
vue.js实现表格合并示例代码
2016/11/30 Javascript
mac上node.js环境的安装测试
2017/07/03 Javascript
angular指令笔记ng-options的使用方法
2017/09/18 Javascript
JavaScript实现焦点进入文本框内关闭输入法的核心代码
2017/09/20 Javascript
axios+Vue实现上传文件显示进度功能
2019/04/14 Javascript
Vue 实现html中根据类型显示内容
2019/10/28 Javascript
理解Proxy及使用Proxy实现vue数据双向绑定操作
2020/07/18 Javascript
在vue中封装的弹窗组件使用队列模式实现方法
2020/07/23 Javascript
[05:17]DOTA2誓师:今天我们在这里 明天TI4等我!
2014/03/26 DOTA
[02:15]你好,这就是DOTA!
2015/08/05 DOTA
Python中动态获取对象的属性和方法的教程
2015/04/09 Python
利用python代码写的12306订票代码
2015/12/20 Python
详解Golang 与python中的字符串反转
2017/07/21 Python
利用python打印出菱形、三角形以及矩形的方法实例
2017/08/08 Python
对pyqt5中QTabWidget的相关操作详解
2019/06/21 Python
使用python代码进行身份证号校验的实现示例
2019/11/21 Python
Python3.7基于hashlib和Crypto实现加签验签功能(实例代码)
2019/12/04 Python
Python自省及反射原理实例详解
2020/07/06 Python
Django扫码抽奖平台的配置过程详解
2021/01/14 Python
html5的localstorage详解
2017/05/09 HTML / CSS
html5表单及新增的改良元素详解
2016/06/07 HTML / CSS
中国最大隐形眼镜网上商城:视客眼镜网
2016/10/30 全球购物
法拉利英国精品店:Ferraris Boutique UK
2019/07/20 全球购物
应届生面试求职信
2014/07/02 职场文书
医生爱岗敬业演讲稿
2014/08/26 职场文书
审计班子对照检查材料
2014/08/27 职场文书
2015年检察院个人工作总结
2015/05/20 职场文书
幸福终点站观后感
2015/06/04 职场文书
python 实现体质指数BMI计算
2021/05/26 Python
spring 项目实现限流方法示例
2022/07/15 Java/Android
el-table-column 内容不自动换行的解决方法
2022/08/14 Vue.js