jquery ajax_jquery を使用してフォームデータを送信する 2 つの方法

以前は、AJAX は Javascript スクリプトを 1 つずつ使用して実装されており、非常に煩雑でした。 Jquery を学習すると、AJAX の実装はそれほど難しくないと感じます。もちろん、Jquery フレームワーク以外にも優れたフレームワークはあります。ここでは、より一般的な Jquery に焦点を当てます。 Jquery AJAX でフォームを送信するには 2 つの方法があります。1 つは URL パラメーターを介してデータを送信する方法で、もう 1 つはフォームを送信する方法です (通常どおり、フォーム フォームの値はバックグラウンドで取得できます)。提出するフォームに要素が多い場合は、2番目の方法で提出することをお勧めします。 もちろん、「タイピングスキル」を練習したい場合は、1番目の方法で提出するのも悪くありません。開発者は自分たちの努力を無駄にしたくないと思います。早速、例を投稿します。
まず、Jquery と Jquery.form の 2 つのプラグインをダウンロードします。オンラインにはたくさんあります。
1: URL パラメータ送信データ

コードをコピー コードは次のとおりです:

//引用符が必要です
//引用符が必要です
"form1" runat="server">

;


>








🎜>

%" class="tableBg1">再訪問コンテンツ:

顧客名:	asp:TextBox ID="txtF_CorpName " runat="server">
トピックに戻る:
	/td>
;td class="tableBg2">
連絡先番号:	🎜>
再訪問時間:
関連ドキュメントに戻る:	<

バックエンドコード:

🎜>

コードをコピー


コードは次のとおりです:

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();
}
}
}
}
/**////
/// さまざまなニーズに応じて、モデルを設定します->获取モデル
///
/// ID值
///
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();
文字列 Refer = Session["username"].ToString();
DateTime DoTime = DateTime.Now.Date;
Pxt.Model.DBRec.ReturnVisit モデル = 新しい 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 = 参照;
model.DoTime = DoTime;
モデルを返します。
}

注：Jquery.form は、Jquery が操作表を支援するための 1 つのツールであり、特定のサイト上で見ることができます。