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;//主键赋值给input
         
         document.getElementById("fm").submit();//表单提交
         
     };

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

  //获取rowID
            string 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")来获取到值。