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 相关文章推荐
原生js实现跨浏览器获取鼠标按键的值
Apr 08 Javascript
基于JQuery实现的Select级联
Jan 27 Javascript
原生JS实现图片轮播与淡入效果的简单实例
Aug 21 Javascript
js友好的时间返回函数
Aug 24 Javascript
微信小程序 devtool隐藏的秘密
Jan 21 Javascript
VUE 更好的 ajax 上传处理 axios.js实现代码
May 10 Javascript
详解各版本React路由的跳转的方法
May 10 Javascript
vue组件三大核心概念图文详解
May 30 Javascript
完美解决通过IP地址访问VUE项目的问题
Jul 18 Javascript
JavaScript实现多球运动效果
Sep 07 Javascript
jQuery实现移动端扭蛋机抽奖
Nov 08 jQuery
关于vue中如何监听数组变化
Apr 28 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初始化对象和析构函数的简单实例
2014/03/11 PHP
PHP面向对象程序设计模拟一般面向对象语言中的方法重载(overload)示例
2019/06/13 PHP
疯掉了,尽然有js写的操作系统
2007/04/23 Javascript
ajax无刷新动态调用股票信息(改良版)
2008/11/01 Javascript
让firefox支持IE的一些方法的javascript扩展函数代码
2010/01/02 Javascript
Javascript 中的 && 和 || 使用小结
2010/04/25 Javascript
jQuery EasyUI API 中文文档 - Tree树使用介绍
2011/11/19 Javascript
JS求平均值的小例子
2013/11/29 Javascript
JS获取文本框,下拉框,单选框的值的简单实例
2014/02/26 Javascript
javascript 面向对象封装与继承
2014/11/27 Javascript
jQuery中contents()方法用法实例
2015/01/08 Javascript
jquery实现简单的二级导航下拉菜单效果
2015/09/07 Javascript
js如何实现淡入淡出效果
2020/11/18 Javascript
JS数组排序技巧汇总(冒泡、sort、快速、希尔等排序)
2015/11/24 Javascript
JavaScript对象数组排序函数及六个用法
2015/12/23 Javascript
深入探秘jquery瀑布流的实现
2016/01/30 Javascript
js实现移动端tab切换时下划线滑动效果
2019/09/08 Javascript
jquery ajax 请求小技巧实例分析
2019/11/11 jQuery
微信小程序日历插件代码实例
2019/12/04 Javascript
python网页请求urllib2模块简单封装代码
2014/02/07 Python
Python实现统计单词出现的个数
2015/05/28 Python
在Windows系统上搭建Nginx+Python+MySQL环境的教程
2015/12/25 Python
python学习之面向对象【入门初级篇】
2017/01/21 Python
基于hashlib模块--加密(详解)
2017/06/21 Python
python获取文件路径、文件名、后缀名的实例
2018/04/23 Python
使用python实现抓取腾讯视频所有电影的爬虫
2019/04/15 Python
django 扩展user用户字段inlines方式
2020/03/30 Python
使用python脚本自动生成K8S-YAML的方法示例
2020/07/12 Python
CSS3 mask 遮罩的具体使用方法
2017/11/03 HTML / CSS
CSS3实现淘宝留白的方法
2020/06/05 HTML / CSS
阿迪达斯荷兰官方网站:adidas荷兰
2018/03/16 全球购物
奢华的意大利皮革手袋:Bene Handbags
2019/10/29 全球购物
BSTN意大利:德国街头和运动文化高品质商店
2020/12/22 全球购物
计算机应用毕业生自荐信
2013/10/23 职场文书
大学生旷课检讨书1000字
2015/02/19 职场文书
微软Win11 全新照片应用面向 Dev预览版推出 新版本上手体验图集
2022/09/23 数码科技