ホームページ > ウェブフロントエンド > jsチュートリアル > data_jquery フォームから送信する jquery ajax の 2 つの実装方法

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

WBOY
リリース: 2016-05-16 18:28:14
オリジナル
968 人が閲覧しました

以前は、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 つのツールであり、特定のサイト上で見ることができます。
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート