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

你可能感兴趣的:(form表单提交和ajax表单提交)