form表单提交和ajax表单提交

相信大家在做itoo的时候都用过ajax异步提交数据，好处自然不言而喻，数据提交页面不会闪屏;页面局部更新速度快;网络带宽占用低。而表单提交则整个页面重绘。如果表单提交后跳转到另一个页面获取数据这种情况，采用传统的form表单提交和利用ajax进行表单提交都是可以实现的。

首先来说传统的form表单提交：

HTML代码：

<form id ="fm" method="post" action="/SearchInfo/QueryMoreInfo" ><div><table id="searchInfo"  style="width: auto; height:auto; margin: 8px" title="基本信息" iconcls="icon-edit"></table><input id ="setGuid" name="setGuid" type="hidden"> </div></form>

js代码：

//点击详情方法function moreInfo(index) {$('#searchInfo').datagrid('selectRow', index);// 关键在这里  var row = $('#searchInfo').datagrid('getSelected');//,获取选中行document.getElementById("setGuid").value = row.b_basicInformationNumber;//主键赋值给inputdocument.getElementById("fm").submit();//表单提交};

在form表单中的input隐藏域的值就可以在后台进行接收了：

  //获取rowIDstring rowid=Request.Form["setGuid"].ToString();

第二种是ajax提交表单：

$.ajax({type: "POST",url:"SearchInfo/QueryMoreInfo",data:$('#fm').serialize(),// 序列化表单值async: false,error: function(request) {alert("Connection error");},success: function(data) {window.location.href="跳转页面"}});

后台可以使用request.getParameter("setGuid")来获取到值。

form表单提交和ajax表单提交相关推荐

form通过ajax提交表单,Jquery通过Ajax方式来提交Form表单
今天刚好看到Jquery的ajax提交数据到服务器的方法,原文是: 保存数据到服务器,成功时显示信息. jQuery 代码: $.ajax({ type: "POST", url: ...
Form 表单提交和 Ajax 表单提交的一些区别
自己一些心得体会: 1:form 表单提交后进行后台处理程序,没有直接返回值,只能进行后台处理,Form标签里的所有数据全部提交到后台 ajax 表单提交,是可以局部提交,具有ajax的所有属性... ...
使用ajax方法实现form表单的提交（Ajax和from提交的区别）
写在前面的话在使用form表单的时候,一旦点击提交触发submit事件,一般会使得页面跳转,页面间的跳转等行为的控制权往往在后端,后端会控制页面的跳转及数据传递,但是在某些时候不希望页面跳转,或者说 ...
ajax表单提交excel,ajax使用formdata 提交excel文件表单到rails解析
.modal-body .container-fluid .row .col-md-12 1.下载模板文件 = link_to '模板文件' .row .col-md-12 = form_tag '' ...
php 验证ajax提交表单提交表单提交,使用AJAX表单提交将表单数据传递给PHP而不刷新页面...
芜湖不芜 $(function () { $('form').bind('click', function (event) {event.preventDefault();// using this ...
ExtJS学习笔记3：载入、提交和验证表单
载入数据 1.比較好用的设置form数据的方法: formPanel.getForm().setValues([{id: 'FirstName', value: 'Joe'}]); 当中id值为for ...
Jquery通过Ajax方式来提交Form表单
今天刚好看到Jquery的ajax提交数据到服务器的方法,原文是: 保存数据到服务器,成功时显示信息. jQuery 代码: $.ajax({type: "POST",url: & ...
html form通过ajax提交表单提交数据,Jquery通过Ajax方式来提交Form表单的具体实现
今天刚好看到Jquery的ajax提交数据到服务器的方法,原文是: 保存数据到服务器,成功时显示信息. jQuery 代码: $.ajax({ type: "POST", url: ...
ajax c 提交form,使用ajax提交form表单，包括ajax文件上传
前言使用ajax请求数据,很多人都会,比如说: $.post(path,{data:data},function(data){ ... },"json"); 又或者是这样的aja ...

form表单提交和ajax表单提交

form表单提交和ajax表单提交相关推荐

最新文章

热门文章