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系列(11) 执行上下文(Execution Contexts)
Jan 15 Javascript
jquery实现鼠标拖动图片效果示例代码
Jan 09 Javascript
bootstrap 表单验证使用方法
Jan 11 Javascript
微信小程序实现页面跳转传值的方法
Oct 12 Javascript
JS中精巧的自动柯里化实现方法
Dec 12 Javascript
基于Vuejs的搜索匹配功能实现方法
Mar 03 Javascript
Vue+ElementUI实现表单动态渲染、可视化配置的方法
Mar 07 Javascript
Vue入门之animate过渡动画效果
Apr 08 Javascript
如何解决webpack-dev-server代理常切换问题
Jan 09 Javascript
ES6中定义类和对象的方法示例
Jul 31 Javascript
vue+iview实现文件上传
Nov 17 Vue.js
微信小程序实现首页弹出广告
Dec 03 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
Terran魔法科技
2020/03/14 星际争霸
php cookis创建实现代码
2009/03/16 PHP
PHP+MySQL投票系统的设计和实现分享
2012/09/23 PHP
php判断GIF图片是否为动画的方法
2020/09/04 PHP
php实现的返回数据格式化类实例
2014/09/22 PHP
php扩展开发入门demo示例
2019/09/23 PHP
RGB颜色值转HTML十六进制(HEX)代码的JS函数
2009/04/25 Javascript
JavaScript学习点滴 call、apply的区别
2010/10/22 Javascript
js函数调用的方式
2014/05/06 Javascript
JavaScript获取页面中表单(form)数量的方法
2015/04/03 Javascript
jQuery实现移动端滑块拖动选择数字效果
2015/12/24 Javascript
微信小程序Server端环境配置详解(SSL, Nginx HTTPS,TLS 1.2 升级)
2017/01/12 Javascript
vue组件中点击按钮后修改输入框的状态实例代码
2017/04/14 Javascript
Angular5给组件本身的标签添加样式class的方法
2018/04/07 Javascript
对angularJs中controller控制器scope父子集作用域的实例讲解
2018/10/08 Javascript
vue获取验证码倒计时组件
2019/08/26 Javascript
Electron整合React使用搭建开发环境的步骤详解
2020/06/07 Javascript
python 基础学习第二弹 类属性和实例属性
2012/08/27 Python
跟老齐学Python之有容乃大的list(3)
2014/09/15 Python
Python访问纯真IP数据库脚本分享
2015/06/29 Python
python字典的常用操作方法小结
2016/05/16 Python
详解Python import方法引入模块的实例
2017/08/02 Python
Python 绘制酷炫的三维图步骤详解
2019/07/12 Python
Python读取VOC中的xml目标框实例
2020/03/10 Python
Python基于read(size)方法读取超大文件
2020/03/12 Python
英国旅游额外服务市场领导者:Holiday Extras(机场停车场、酒店、接送等)
2017/10/07 全球购物
英超联赛的首选足球:Mitre足球
2019/05/06 全球购物
计算机应用专业推荐信
2013/11/13 职场文书
主持人演讲稿范文
2013/12/28 职场文书
国庆阅兵观后感
2015/06/15 职场文书
酒店员工管理制度
2015/08/05 职场文书
《赵州桥》教学反思
2016/02/17 职场文书
《暗黑破坏神2:重制版》本周进行第一轮A测 目前可官网进行申请报名
2021/04/07 其他游戏
python中如何对多变量连续赋值
2021/06/03 Python
如何利用golang运用mysql数据库
2022/03/13 Golang
create-react-app开发常用配置教程
2022/06/25 Javascript