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 JSQL,SQL无处不在,
May 05 Javascript
iframe异步加载实现点击左边菜单加载右边内容实例讲解
Mar 04 Javascript
jquery插件hiAlert实现网页对话框美化
May 03 Javascript
javascript实现仿IE顶部的可关闭警告条
May 05 Javascript
JS实现自动切换文字的导航效果代码
Aug 27 Javascript
基于javascript实现浏览器滚动条快到底部时自动加载数据
Nov 30 Javascript
bootstrap读书笔记之CSS组件(上)
Oct 17 Javascript
node.js实现微信JS-API封装接口的示例代码
Sep 06 Javascript
解决vue+element 键盘回车事件导致页面刷新的问题
Aug 25 Javascript
微信自定义分享链接信息(标题,图片和内容)实现过程详解
Sep 04 Javascript
java和js实现的洗牌小程序
Sep 30 Javascript
ant design pro中可控的筛选和排序实例
Nov 17 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
用定制的PHP应用程序来获取Web服务器的状态信息
2006/10/09 PHP
Smarty中的注释和截断功能介绍
2015/04/09 PHP
php中文验证码实现方法
2015/06/18 PHP
举例详解PHP脚本的测试方法
2015/08/05 PHP
php中get_magic_quotes_gpc()函数说明
2017/02/06 PHP
javascript 变量作用域 代码分析
2009/06/26 Javascript
基于MooTools的很有创意的滚动条时钟动画
2010/11/14 Javascript
纯JAVASCRIPT图表动画插件Highcharts Examples
2011/04/16 Javascript
基于jQuery中对数组进行操作的方法
2013/04/16 Javascript
html dom节点操作(获取/修改/添加或删除)
2014/01/23 Javascript
js中文逗号转英文实现
2014/02/11 Javascript
JQuery表单验证插件EasyValidator用法分析
2014/11/15 Javascript
基于Bootstrap+jQuery.validate实现Form表单验证
2014/12/16 Javascript
jquery实现的淡入淡出下拉菜单效果
2015/08/25 Javascript
js获取当前日期时间及其它日期操作汇总
2016/03/08 Javascript
AngularJS指令详解及示例代码
2016/08/16 Javascript
解决vue项目nginx部署到非根目录下刷新空白的问题
2018/09/27 Javascript
Vue源码解析之数据响应系统的使用
2019/04/24 Javascript
JavaScript canvas绘制渐变颜色的矩形
2020/02/18 Javascript
使用Python的Flask框架来搭建第一个Web应用程序
2016/06/04 Python
解决Python requests 报错方法集锦
2017/03/19 Python
pygame游戏之旅 添加游戏暂停功能
2018/11/21 Python
Appium+Python自动化测试之运行App程序示例
2019/01/23 Python
Python面向对象之类和实例用法分析
2019/06/08 Python
python发送多人邮件没有展示收件人问题的解决方法
2019/06/21 Python
Python JSON常用编解码方法代码实例
2020/09/05 Python
python各种excel写入方式的速度对比
2020/11/10 Python
利用CSS的Sass预处理器(框架)来制作居中效果
2016/03/10 HTML / CSS
AmazeUI 按钮交互的实现示例
2020/08/24 HTML / CSS
采购意向书范本
2014/03/31 职场文书
2014大学生批评与自我批评思想汇报
2014/09/21 职场文书
小学五一劳动节活动总结
2015/02/09 职场文书
小学校园广播稿
2015/08/18 职场文书
《一面五星红旗》教学反思
2016/02/23 职场文书
世界各国短波电台对东亚播送时间频率表(SW)
2021/06/28 无线电
nginx 添加http_stub_status_module模块
2022/05/25 Servers