form表单和ajax表单提交(Html.BeginForm()、Ajax.BeginForm())的差别

有如下几种区别:

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

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

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

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

注意:Ajax.BeginForm()使用到的UpdateTargetId是指将获取的数据或视图 替换 指定id的元素的内部html

相关文章:MVC之Ajax.BeginForm使用详解之更新列表@using (Html.BeginForm())参数示例
时间: 2024-09-25 11:09:52

form表单和ajax表单提交(Html.BeginForm()、Ajax.BeginForm())的差别的相关文章

jQuery实现form表单基于ajax无刷新提交方法详解_jquery

本文实例讲述了jQuery实现form表单基于ajax无刷新提交方法.分享给大家供大家参考,具体如下: 首先,新建Login.html页面: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.o

Jquery Ajax表单提交插件jquery form用法

HTML 首先我们载入jquery库和jquery.form.js插件.jquery.form.js插件的官网地址:http://www.malsup.com/jquery/form/  代码如下 复制代码 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.f

Ajax表单提交实例

ajax|表单提交 昨天在CSDN逛的时候,看见一位网友需要解决一些关于AJAX的FORM提交的问题,现在把一个实例贴出来,希望对广大爱好者有帮助. <!--注册模块-->default.asp <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><

介绍ajax提交url与ajax提交表单的区别

 本篇文章主要是对ajax提交url与ajax提交表单的区别进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 1:ajax自已构造一个url,这种方式传参数要用Data,不能用于表单提交.  例:    代码如下:          function createHtml(id){              $("#reloading").show();               //edit_bg是个div,提交时显示,这样可以使背景页面不能操作.             

struts2 的ajax表单提交问题

<s:form action="login" theme="ajax" validate="true"><s:submit value="登录" theme="xhtml"></s:submit><s:reset value="重置"></s:reset></s:form> 因为strut2的ajax默认表单提交方式

form表单-微信浏览器两次提交问题

问题描述 微信浏览器两次提交问题 我在微信浏览器使用提交form表单时,有时候 会提交两次,第一次有数据,第二次没有数据,后台也拦截到两次请求,第二次因为没有数据就会报错.请问什么情况下会出现这种情况,怎么解决 解决方案 楼主的问题解决了么?最近也遇到了这个问题,怎么查找原因都找不到,郁闷死,有人说用ajax提交表单,难道非要把所有的表单修改成ajax提交? 解决方案二: 楼主的问题解决了么?最近也遇到了这个问题,怎么查找原因都找不到,郁闷死,有人说用ajax提交表单,难道非要把所有的表单修改成

ExtJs 备忘录(4)—— Form表单(四) [ 数据提交 ]

前言 忙的时候再一懒.再加上中途没能迅速解决一些问题,所以把文章拖延到了国庆,不过总算是在今天搞定了.这系列文章可能全部完成可能需要继续延后了,有计划继续写视频监控方面的文章,所以尽量合理安排吧 : ) 系列 1. ExtJs 备忘录(1)-- Form表单(一) [ 控件使用 ] 2. ExtJs 备忘录(2)-- Form表单(二) [ 控件封装 ] 3. ExtJs 备忘录(3)-- Form表单(三) [ 数据验证 ] 4. ExtJs 备忘录(4)-- Form表单(四) [ 数据提交

提交form表单如何让页面在提交后不发生跳转

问题描述 提交form表单如何让页面在提交后不发生跳转希望有详细的示例 解决方案 解决方案二:用AJAX无刷新跳转.$.post("跳转URL"),{Action:"POST",Name:"useradress"},function(data,textStatus){data是返回值,返回NULL就行.这里可以不用写,后台的URL跳转中returnnull:就行})解决方案三:不想跳转就让action执行完后,再指向回来提交的这个页面就行了解决方

ajax提交url与ajax提交表单的详细比较_AJAX相关

1:ajax自已构造一个url,这种方式传参数要用Data,不能用于表单提交. 例: 复制代码 代码如下:          function createHtml(id){             $("#reloading").show();              //edit_bg是个div,提交时显示,这样可以使背景页面不能操作.             $("#edit_bg").show();             $.ajax({        

基于Ajax表单提交及后台处理简单的应用_AJAX相关

首先先说下表单提交吧,要提交表单那么就得先收集表单数据(至于验证这个我就不说了,要说留下下次吧),有了jquery取个html的值还是简单$("xxid").val()等就完了,但如果一张表单收集的数据很多,像这样的表单又有很多张,那用此方法肯定麻烦死,并且容易眼花录错.所以,我们就可以简单的来定义一个收集规则,如在要回传到服务器的数据表单控件,可以做个标记,到时取的时候把这些标记的数据一起取回去.  就拿最简单的文体输入做例子吧<input type="text&qu