Ajax提交与传统表单提交的区别说明

   本篇文章主要是对Ajax提交与传统表单提交的区别进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助

  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提交时,却是根据你的表单结构自动完成,不需要代码干预。

 

时间: 2024-09-16 20:19:19

Ajax提交与传统表单提交的区别说明的相关文章

Ajax提交与传统表单提交的区别说明_javascript技巧

Ajax提交是通过js来提交请求,请求与响应均由js引擎来处理,页面不会刷新,用户感觉不到实际上浏览器发出了请求.比如说我们希望网页总是显示最新的新闻,而又不想老是去点刷新按钮,我们就可以用Ajax机制来实现.网上的客服软件也是ajax请求的一个比较好的案例.传统的请求页面将实现刷新,因此局限性很大. 1.为什么用AJAX?使用AJAX,用户对Web的体验会更"敏捷":数据提交页面不会闪屏:页面局部更新速度快:网络带宽占用低. 2.AJAX开发相较传统模式的简单之处:传统模式下,表单提

ajax跨域(基础域名相同)表单提交的方法_AJAX相关

本文实例讲述了ajax跨域(基础域名相同)表单提交的方法.分享给大家供大家参考.具体如下: 1.要在做ajax提交的页面中添加如下js语句: <script type="text/javascript"> document.domain="基础域名"; </script> 2.ajax表单提交表单时可以使用一个jquery的一个表单插件jquery.form.js 使用语法如下: //fromPost为要收集数据的form表单的id $(&q

php-我想使用这个表单提交数据到数据库,如何配置ajax参数,我租的WEB空间是PHP的

问题描述 我想使用这个表单提交数据到数据库,如何配置ajax参数,我租的WEB空间是PHP的 我想使用这个表单提交数据到数据库,如何配置ajax和PHP相关参数,我租的WEB空间是PHP的,我要实现的目的是收集报名信息,数据库能查询即可.当点击页面提交的时候,会弹出信息:您已经报名成功!稍后会有助教与您联系"我好久都没有接触层序了,好久都没有上来了,这里因页面需要现改模板网页,却不知道如何配置.没有分了,没办法给分,对不起!拜托懂得朋友帮忙指点指点.非常感谢 <td align="

php表单提交实例讲解_php技巧

本文为大家分享了一个特别简单的php表单提交实例,具体的实现步骤如下: 实例代码如下: <form action="someform.php" method="post"> <table width="541" border="0"> <tr> <td width="26%">姓名:</td> <td width="74%"

spring mvc-from 表单提交 跳不到后台方法页面

问题描述 from 表单提交 跳不到后台方法页面 ![ 解决方案 后台controller接收路径 @RequestMapping(value="/upload/uploadImage",method=RequestMethod.POST) public String uploadImage(@RequestParam MultipartFile textFile) throws IOException{ } 解决方案二: from 表单提交java from 表单提交中文乱码 解决方

jquery插件-求大神看看关于jquery表单提交的问题

问题描述 求大神看看关于jquery表单提交的问题 我刚刚做了一个登陆页面 但是一点击提交以后就变成了这样,而且地址栏也没有任何变化 想请教一下各位大神是为什么没有提交出去 代码如下 解决方案 表单提交Jqueryjquery-mobile表单提交问题JQuery 异步提交表单 解决方案二: 可以用fiddler,或firebug/httpwatch看看你提交的到底是不是正确的东西 解决方案三: 页面显示是由你的样式表决定的,你可以右键查看一下提交前后两个生成的html代码有何不同.

表单提交错误后返回内容消失问题的解决方法(PHP网站)_php技巧

表单提交错误后返回内容消失怎么办呐,今天就来分析解决一下这个问题. 状况概述: 做填写表单信息提交的时候会碰到一个问题就是当用户填写并提交表单后,程序判断不符合要求并返回,返回之后之前填写的表单信息会被清空了的情况.如果填写的信息量少还无所谓,如果填写的信息量比较多,这会直接打击到填写信息的人的良好心情.因此解决表单提交错误返回后填写的内容消失的问题是一个提高用户体验度的迫在眉睫的问题.对于这种问题,综合总结了大概有下面几种情况: (1)页面使用了session_start函数,这个函数有个特点

[Spring MVC] -简单表单提交实例_java

Spring MVC自带的表单标签比较简单,很多时候需要借助EL和JSTL来完成. 下面是一个比较简单的表单提交页面功能:  1.User model package com.my.controller.bean; import java.util.Date; import java.util.List; import javax.validation.constraints.Future; import javax.validation.constraints.Max; import java

AngularJS模仿Form表单提交的实现代码_AngularJS

废话不多说了,直接给大家贴代码了. $http({ url: "http://localhost:10086/yuanxin/Conference/ImportExcelDataForBusRoute", method: 'Post', headers: { 'Content-Type': 'multipart/form-data' }, data: { BusRoute: file, ConferenceID: "1" }, transformRequest: f