data_jquery フォームから送信する jquery ajax の 2 つの実装方法-jsチュートリアル-php.cn

data_jquery フォームから送信する jquery ajax の 2 つの実装方法

WBOY

リリース： 2016-05-16 18:28:14

オリジナル

949 人が閲覧しました

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

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

バックエンドコード:

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

 
if(context.Request.Params["ID"].ToString()!="") 
{ 
Pxt.Logic.SYS.CORP_BASE_INFO cbiL = 新しい Pxt.Logic.SYS.CORP_BASE_INFO (); 
bool flag= cbiL.checkCorpID(context.Request.Params["ID"].ToString()); 
if (フラグ) 
{ 
context.Response.Write("この顧客番号は使用されています!") ; 
} 
else 
{ 
context.Response.Write("この顧客番号は使用可能です!"); 
} 
} 

2: フォームはデータを送信します
フロントエンドコード:

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

//引用符が必要です
//引用符が必要です
"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 つのツールであり、特定のサイト上で見ることができます。