jquery ajax提交表单的的两种方式_建站学-个人建站指南,网页制作,网站设计,网站制作教程

　　　　貌似AJAX越来越火了，作为一个WEB程序开发者要是不会这个感觉就要落伍，甚至有可能在求职的时候屡被淘汰。我也是一个WEB程序开发者，当然我也要“随波逐流”一把，不然饭碗不保啊！

　　　　之前实现AJAX使用Javascript脚本一个一个敲出来的，很繁琐。学习Jquery之后就感觉实现AJAX并不是那么的困难了，当然除了Jquery框架外还有其它的优秀框架这里我就着重说下比较流行的Jquery。Jquery AJAX提交表单有两种方式，一是url提交，二是form提交。在所要提交的表单中，如果元素很多的话建议用第二种方式进行提交，当然你要是想练练“打字水平”的话用第一种方式提交也未尝不可，相信开发者都不想费白劲吧！废话不多说了贴实例。

首先要下载Jquery、Jquery.form这两个插件，网上很多的！

一：Url提交

");//显示提示信息
                $.ajax({
                 type: "POST",
                 url: "CheckCorpID.ashx",
                 data: "ID="+$.trim($("#txtF_CORPID")[0].value),//提交表单，相当于CheckCorpID.ashx?ID=XXX
                 success: function(msg){$("#checkFlag").html("");alert(  msg ); }   //操作成功后的操作！msg是后台传过来的值
                });
            }
        }
</script>

后台代码：

Code

二：Form提交

前台代码：

Code

后台代码：

Code

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;

}

(责任编辑：admin)

搜索

热门标签:

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