jquery ajax提交表单数据的两种方式

一:Url参数提交数据

Code
<!--<br /> <br /> Code highlighting produced by Actipro CodeHighlighter (freeware)<br /> http://www.CodeHighlighter.com/<br /> <br /> --><script type ="text/javascript" src ="../js/jquery.js"></script>
<script type="text/javascript">
        
function checkCorpID()//检测客户编号是否可用
        {
            
if($.trim($("#txtF_CORPID")[0].value)=="")//txtF_CORPID是客户编号输入框
            {
                alert(
"请输入客户编号!");
            }
            
else
            {
                $(
"#checkFlag").html("正在检测");//显示提示信息
                $.ajax({
                 type: 
"get",
                 url: 
"CheckCorpID.ashx",
                 data: 
"ID="+$.trim($("#txtF_CORPID")[0].value),//提交表单,相当于CheckCorpID.ashx?ID=XXX
                 success: function(msg){$("#checkFlag").html("");alert(  msg ); }   //操作成功后的操作!msg是后台传过来的值
                }); 
            } 
        }
</script>

后台代码:

Code
<!--<br /> <br /> Code highlighting produced by Actipro CodeHighlighter (freeware)<br /> http://www.CodeHighlighter.com/<br /> <br /> -->if(context.Request.Params["ID"].ToString()!="")
        {
            Pxt.Logic.SYS.CORP_BASE_INFO cbiL 
= new Pxt.Logic.SYS.CORP_BASE_INFO();
            
bool flag=cbiL.checkCorpID(context.Request.Params["ID"].ToString());
            
if (flag)
            {
                context.Response.Write(
"该客户编号已被占用!");
            }
            
else
            {
                context.Response.Write(
"该客户编号可用!");
            }
        }

 

 

二:Form提交数据
前台代码:
Code
<!--<br /> <br /> Code highlighting produced by Actipro CodeHighlighter (freeware)<br /> http://www.CodeHighlighter.com/<br /> <br /> --><script type ="text/javascript" src ="../js/jquery.js"></script> //必须要引用
    
<script type ="text/javascript" src ="../js/jquery.form.js"></script> //必须要引用
    
<script type="text/javascript">
         
// wait for the DOM to be loaded
          $(document).ready(function() 
            {
                $(
'#Tip').hide();//显示操作提示的元素不可见
                $('#form1').submit(function()//提交表单
                {
                    
//alert("ddd");
                    var options = { 
                    target:
'#Tip'//后台将把传递过来的值赋给该元素
                    url:'ReturnVisit.aspx?flag=do'//提交给哪个执行
                    type:'POST'
                    success: 
function(){ alert($('#Tip').text());} //显示操作提示
                    }; 
                    $(
'#form1').ajaxSubmit(options); 
                    
return false//为了不刷新页面,返回false,反正都已经在后台执行完了,没事!

                });  
            }
         );
     
</script>
<body>
    
<form id="form1" runat="server">
    
<div>
        
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
          
<tr>
            
<td colspan="2" class="tableCategory">客户回访</td>
          
</tr>
          
<tr>
            
<td width="30%" class="tableBg1">客户名称:</td>
            
<td class="tableBg2">
                
<asp:TextBox ID="txtF_CorpName" runat="server"></asp:TextBox>
                    
</td>
          
</tr>
          
<tr>
            
<td width="30%" class="tableBg1">回访主题:</td>
            
<td class="tableBg2">
                
<asp:TextBox ID="txtF_ReturnVisitTitle" runat="server"></asp:TextBox>
                    
</td>
          
</tr>
          
<tr>
            
<td width="30%" class="tableBg1">联系人:</td>
            
<td class="tableBg2">
                
<asp:TextBox ID="txtF_ContractPerson" runat="server"></asp:TextBox>
                    
</td>
          
</tr>
          
<tr>
            
<td width="30%" class="tableBg1">联系人职务:</td>
            
<td class="tableBg2">
                
<asp:TextBox ID="txtF_ContractPersonPosition" runat="server"></asp:TextBox>
                    
</td>
          
</tr>
          
<tr>
            
<td width="30%" class="tableBg1">联系电话:</td>
            
<td class="tableBg2">
                
<asp:TextBox ID="txtF_ContractPhone" runat="server"></asp:TextBox>
                    
</td>
          
</tr>
          
<tr>
            
<td width="30%" class="tableBg1">回访时间:</td>
            
<td class="tableBg2">
                
<asp:TextBox ID="txtF_ReturnVisitDate" runat="server"></asp:TextBox>
                    
</td>
          
</tr>
          
<tr>
            
<td width="30%" class="tableBg1">回访内容:</td>
            
<td class="tableBg2">
                
<asp:TextBox ID="txtF_ReturnVisitContent" runat="server"></asp:TextBox>
                    
</td>
          
</tr>
          
<tr>
            
<td width="30%" class="tableBg1">回访相关文档:</td>
            
<td class="tableBg2">
                
<asp:TextBox ID="txtF_ReturnVisitFile" runat="server"></asp:TextBox>
                    
</td>
          
</tr>
          
<tr>
            
<td width="30%" class="tableBg1">&nbsp;</td>
            
<td class="tableBg2">
                
<asp:Button ID="Submit_BT" runat="server" Text="确定" CssClass="button" />
                
<input type="reset" class="button" value="还原" />
            
</td>
          
</tr>
        
</table>
        
<span id="Tip"></span>
    
</div>
    
</form>
</body>
后台代码:
Code
<!--<br /> <br /> Code highlighting produced by Actipro CodeHighlighter (freeware)<br /> http://www.CodeHighlighter.com/<br /> <br /> -->protected void Page_Load(object sender, EventArgs e)
    
{
        
{
            
if (Request.QueryString["flag"!= null && Request.QueryString["flag"].ToString() == "do")
            
{
                
                Pxt.Logic.DBRec.ReturnVisit bll 
= new Pxt.Logic.DBRec.ReturnVisit();
                
if (bll.Add(model(0)) > 0)
                
{
                    Response.Write(
"操作成功!");
                    Response.End();
                }

            }

        }

    }

    
/**//// <summary>
    
/// 根据不同需要,设定模型->获取模型
    
/// </summary>
    
/// <param name="id">ID值</param>
    
/// <returns></returns>

    private Pxt.Model.DBRec.ReturnVisit model(int id)
    
{
//获取表单值
        string F_CorpName = Request.Form["txtF_CorpName"].ToString();
        
string F_ReturnVisitTitle = Request.Form["txtF_ReturnVisitTitle"].ToString();
        
string F_ContractPerson = Request.Form["txtF_ContractPerson"].ToString();
        
string F_ContractPersonPosition = Request.Form["txtF_ContractPersonPosition"].ToString();
        
string F_ContractPhone = Request.Form["txtF_ContractPhone"].ToString();
        DateTime F_ReturnVisitDate 
= DateTime.Parse(Request.Form["txtF_ReturnVisitDate"].ToString());
        
string F_ReturnVisitContent = Request.Form["txtF_ReturnVisitContent"].ToString();
        
string F_ReturnVisitFile = Request.Form["txtF_ReturnVisitFile"].ToString();
        
string Refer = Session["username"].ToString();
        DateTime DoTime 
= DateTime.Now.Date;

        Pxt.Model.DBRec.ReturnVisit model 
= new Pxt.Model.DBRec.ReturnVisit();
        
if (id > 0)//修改记录,否则表示增加记录
        {
            model.ID 
= id;
        }

        model.F_CorpName 
= F_CorpName;
        model.F_ReturnVisitTitle 
= F_ReturnVisitTitle;
        model.F_ContractPerson 
= F_ContractPerson;
        model.F_ContractPersonPosition 
= F_ContractPersonPosition;
        model.F_ContractPhone 
= F_ContractPhone;
        model.F_ReturnVisitDate 
= F_ReturnVisitDate;
        model.F_ReturnVisitContent 
= F_ReturnVisitContent;
        model.F_ReturnVisitFile 
= F_ReturnVisitFile;
        model.Refer 
= Refer;
        model.DoTime 
= DoTime;
        
return model;
    }

注:Jquery.form是Jquery用于帮助操作表单的一个插件,具体的去网上看看教程!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值