Form与Ajax提交表单的区别

Posted 2021-04-15 IT技术分享社区

Ajax提交是通过js来提交请求，请求与响应均由js引擎来处理，页面不会刷新，用户感觉不到实际上浏览器发出了请求。比如说我们希望网页总是显示最新的新闻，而又不想老是去点刷新按钮，我们就可以用Ajax机制来实现。网上的客服通讯软件也是ajax请求的一个典型的案例。传统的请求页面将实现刷新，因此局限性很大。

1.为什么用AJAX？

使用AJAX，用户对Web的体验会更“敏捷”：数据提交页面不会闪屏；页面局部更新速度快；网络带宽占用低。

2.AJAX开发相较传统模式的简单之处：

传统模式下，表单提交则整个页面重绘，为了维持页面用户对表单的状态改变，要多些不少代码。要在控制器和模板之间传递更多参数以保持页面状态。而AJAX不然，因为页面只是局部更新， 不关心也不会影响页面其他部分的内容。

3.AJAX开发相较传统模式的劣势：

需要了解、精通javascript，而javascript存在调试麻烦、浏览器兼容性等很多障碍。

有如下几种区别： 

1. Ajax在提交、请求、接收时，都是异步进行的，网页不需要刷新；Form提交则是新建一个页面，哪怕是提交给自己本身的页面，也是需要刷新的； 

2. Ajax在提交时，是在后台新建一个请求；Form却是放弃本页面，而后再请求；

3. Ajax必须要使用JS来实现，不启用JS的浏览器，无法完成该操作；Form却是浏览器的本能，无论是否开启JS，都可以正常提交表单； 

4. Ajax在提交、请求、接收时，整个过程都需要使用程序来对其数据进行处理；Form提交时，却是根据你的表单结构自动完成，不需要代码干预。