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.Treeview添加右键菜单的实现代码
Oct 22 Javascript
基于JQuery 的消息提示框效果代码
Jul 31 Javascript
非主流的textarea自增长实现js代码
Dec 20 Javascript
JS实现静止元素自动移动示例
Apr 14 Javascript
JavaScript中数组继承的简单示例
Jul 29 Javascript
微信小程序 开发指南详解
Sep 27 Javascript
angular中不同的组件间传值与通信的方法
Nov 04 Javascript
vue自定v-model实现表单数据双向绑定问题
Sep 03 Javascript
Vue项目移动端滚动穿透问题的实现
May 19 Javascript
微信小程序中的列表切换功能实例代码详解
Jun 09 Javascript
Vue路由切换页面不更新问题解决方案
Jul 10 Javascript
如何管理Vue中的缓存页面
Feb 06 Vue.js
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 中的类
2006/10/09 PHP
php 防止单引号,双引号在接受页面转义
2008/07/10 PHP
一贴学会PHP 新手入门教程
2009/08/03 PHP
php生成zip压缩文件的方法详解
2013/06/09 PHP
php中curl和file_get_content的区别
2014/05/10 PHP
一张表搞清楚php is_null、empty、isset的区别
2015/07/07 PHP
List Information About the Binary Files Used by an Application
2007/06/11 Javascript
jQuery-ui引入后Vs2008的无智能提示问题解决方法
2014/02/10 Javascript
jQuery实现下拉框左右选择的简单实例
2014/02/22 Javascript
JavaScript设计模式之工厂模式和构造器模式
2015/02/11 Javascript
angular2使用简单介绍
2016/03/01 Javascript
JS中artdialog弹出框控件之提交表单思路详解
2016/04/18 Javascript
vue.js学习笔记之绑定style样式和class列表
2016/10/31 Javascript
vue实现ToDoList简单实例
2017/02/07 Javascript
jQuery动态生成不规则表格(前后端)
2017/02/21 Javascript
浅析JavaScript中的平稳退化(graceful degradation)
2017/07/24 Javascript
基于JS实现移动端左滑删除功能
2017/07/28 Javascript
微信小程序实现topBar底部选择栏效果
2018/07/20 Javascript
解决vuejs项目里css引用背景图片不能显示的问题
2018/09/13 Javascript
如何用JavaScript实现功能齐全的单链表详解
2019/02/11 Javascript
JavaScript键盘事件响应顺序详解
2019/09/30 Javascript
python复制文件的方法实例详解
2015/05/22 Python
基于python socketserver框架全面解析
2017/09/21 Python
pytorch 实现tensor与numpy数组转换
2019/12/27 Python
python、PyTorch图像读取与numpy转换实例
2020/01/13 Python
python实现从ftp服务器下载文件
2020/03/03 Python
Python实现猜年龄游戏代码实例
2020/03/25 Python
Python利用Pillow(PIL)库实现验证码图片的全过程
2020/10/04 Python
美国杂志订阅折扣与优惠网站:Magazines.com
2016/08/31 全球购物
Raffaello Network西班牙:意大利拉斐尔时尚购物网
2019/03/12 全球购物
西安导游词
2015/02/12 职场文书
积极心理学课程心得体会
2016/01/22 职场文书
大学生军训心得体会5篇
2019/08/15 职场文书
企业内部管理控制:采购授权审批制度范本
2020/01/19 职场文书
vue使用localStorage持久性存储实现评论列表
2022/04/14 Vue.js
ssh服务器拒绝了密码 请再试一次已解决(亲测有效)
2022/08/14 Servers