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传递变量: 值传递?引用传递?
Feb 22 Javascript
了解了这些才能开始发挥jQuery的威力
Oct 10 Javascript
jQuery获取Radio,CheckBox选择的Value值(示例代码)
Dec 12 Javascript
自编jQuery插件实现模拟alert和confirm
Sep 01 Javascript
JavaScript操作XML/HTML比较常用的对象属性集锦
Oct 30 Javascript
jquery实现移动端点击图片查看大图特效
Sep 11 Javascript
基于jQuery实现点击弹出层实例代码
Jan 01 Javascript
详解AngularJS控制器的使用
Mar 09 Javascript
Javascript获取随机数的实现方法
Jun 22 Javascript
jQuery mobile在页面加载时添加加载中效果 document.ready 和window.onload执行顺序比较
Jul 14 Javascript
js中如何完美的解析数据
Mar 18 Javascript
Vue中登录验证成功后保存token,并每次请求携带并验证token操作
Sep 08 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
全国FM电台频率大全 - 5 内蒙古自治区
2020/03/11 无线电
PHP开发需要注意的安全问题
2010/09/01 PHP
浅谈php+phpStorm+xdebug配置方法
2015/09/17 PHP
laravel migrate初学常见错误的解决方法
2017/10/11 PHP
Ajax::prototype 源码解读
2007/01/22 Javascript
eval与window.eval的差别分析
2011/03/17 Javascript
JS动态获取当前时间,并写到特定的区域
2013/05/03 Javascript
Checbox的操作含已选、未选及判断代码
2013/11/07 Javascript
js中取得变量绝对值的方法
2015/01/03 Javascript
详解addEventListener的三个参数之useCapture
2015/03/16 Javascript
简介AngularJS的HTML DOM支持情况
2015/06/17 Javascript
使用jQuery操作HTML的table表格的实例解析
2016/03/13 Javascript
简单的jQuery拖拽排序效果的实现(增强动态)
2017/02/09 Javascript
Django1.7+JQuery+Ajax验证用户注册集成小例子
2017/04/08 jQuery
解决ztree搜索中多级菜单展示不全问题
2017/07/05 Javascript
JavaScript学习笔记之函数记忆
2017/09/06 Javascript
layui table 多行删除(id获取)的方法
2019/09/12 Javascript
Vue Render函数创建DOM节点代码实例
2020/07/08 Javascript
微信小程序12行js代码自己写个滑块功能(推荐)
2020/07/15 Javascript
浅析Python中的赋值和深浅拷贝
2017/08/15 Python
python中使用print输出中文的方法
2018/07/16 Python
使用pytorch进行图像的顺序读取方法
2018/07/27 Python
启动Atom并运行python文件的步骤
2018/11/09 Python
python实现小球弹跳效果
2019/05/10 Python
Python使用QQ邮箱发送邮件报错smtplib.SMTPAuthenticationError
2019/12/20 Python
python使用rsa非对称加密过程解析
2019/12/28 Python
python 操作mysql数据中fetchone()和fetchall()方式
2020/05/15 Python
W Concept美国:精选全球独立设计师
2017/02/22 全球购物
中医专业职业生涯规划书范文
2014/01/04 职场文书
元旦促销方案
2014/03/15 职场文书
企业趣味活动方案
2014/08/21 职场文书
品质保证书格式
2015/02/28 职场文书
软件项目经理岗位职责
2015/04/01 职场文书
单位更名证明
2015/06/18 职场文书
微信早安问候语
2015/11/10 职场文书
python数据库批量插入数据的实现(executemany的使用)
2021/04/30 Python