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学习笔记(七) js函数介绍
Jun 19 Javascript
如何将JS的变量值传递给ASP变量
Dec 10 Javascript
利用ajaxfileupload插件实现文件上传无刷新的具体方法
Jun 08 Javascript
jquery获取元素索引值index()示例
Feb 13 Javascript
JavaScript中的比较操作符>、=、
Dec 31 Javascript
kindeditor修复会替换script内容的问题
Apr 03 Javascript
使用PHP+JavaScript将HTML页面转换为图片的实例分享
Apr 18 Javascript
jQuery实现表格文本框淡入更改值后淡出效果
Sep 27 Javascript
微信小程序之分享页面如何返回首页的示例
Mar 28 Javascript
Vue 将后台传过来的带html字段的字符串转换为 HTML
Mar 29 Javascript
微信小程序实现图片选择并预览功能
Jul 25 Javascript
简单了解常用的JavaScript 库
Jul 16 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
Zend引擎的发展 [15]
2006/10/09 PHP
解析php中如何调用用户自定义函数
2013/08/06 PHP
PHP内核探索:变量概述
2014/01/30 PHP
PHP_Cooikes不同页面无法传递的解决方法
2014/03/07 PHP
php查询mssql出现乱码的解决方法
2014/12/29 PHP
PHP关联数组实现根据元素值删除元素的方法
2015/06/26 PHP
php实现的一段简单概率相关代码
2016/05/30 PHP
Javascript图像处理—亮度对比度应用案例
2013/01/03 Javascript
JS实现的新浪微博大厅文字内容滚动效果代码
2015/11/05 Javascript
js编写三级联动简单案例
2016/12/21 Javascript
javascript实现秒表计时器的制作方法
2017/02/16 Javascript
easyui-datagrid特殊字符不能显示的处理方法
2017/04/12 Javascript
在Vue环境下利用worker运行interval计时器的步骤
2019/08/01 Javascript
详解vue beforeEach 死循环问题解决方法
2020/02/25 Javascript
原生JS实现留言板
2020/03/26 Javascript
微信小程序纯文本实现@功能
2020/04/08 Javascript
[01:07:53]RNG vs VG 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
Python多线程编程(七):使用Condition实现复杂同步
2015/04/05 Python
Python爬虫DOTA排行榜爬取实例(分享)
2017/06/13 Python
基于Django与ajax之间的json传输方法
2018/05/29 Python
Python多进程方式抓取基金网站内容的方法分析
2019/06/03 Python
Python中如何将一个类方法变为多个方法
2019/12/30 Python
Python获取excel内容及相关操作代码实例
2020/08/10 Python
eBay加拿大站:eBay.ca
2019/06/20 全球购物
日本最大的彩色隐形眼镜销售网站:CharmColor
2020/09/09 全球购物
校园达人秀策划书
2014/01/12 职场文书
人事文员岗位职责
2014/02/16 职场文书
个人课题方案
2014/05/08 职场文书
2014年教师党员公开承诺书
2014/05/28 职场文书
主题团日活动总结
2014/06/25 职场文书
小学见习报告
2014/10/31 职场文书
2014年英语教研组工作总结
2014/12/06 职场文书
出生公证书
2015/01/23 职场文书
行政司机岗位职责
2015/04/10 职场文书
2016年党员承诺书范文
2016/03/24 职场文书
vue实力踩坑之push当前页无效
2022/04/10 Vue.js