[ブログ] ASP.NETで使用するjQueryのは簡単なのAjaxを完了.ashx

https://blog.csdn.net/yongh701/article/details/50481072

 

 

免責事項:この記事はその上に+元のアドレスの良い標準、歓迎を転載して、許可のない記事ブロガー、ブロガーのオリジナル無料です!おかげでお楽しみください!良い感じペーストにバックアップしてください!https://blog.csdn.net/yongh701/article/details/50481072は
唯一の舞台裏ハンドラはもはやASPXである、ということに注意しないように、他のプログラミング言語とASP.NET、Ajaxの技術のフロントデスクの使用と同じでよいですページをPage_Load、およびASP.NETユニークな「一般的なハンドラ」.ashx、この問題を説明するために簡単な例を以下に示します。

以下は、簡単な加算器に完了した番組受信スクリプトを使用することができます。ここでは、例示のみの目的のために。

 

まず、次の図では、このソリューションのファイル構造:

 

あなたは、ソリューションフォルダは無用である、直接コピーするファイルをコピーし、ソリューションに追加され、「既存の項目」と高いjQuery.jsファイルのバージョンを追加することによって解決するには、右クリックの方法、最初の必要があります、プロのテスト。

 

次に、「新規アイテム」を追加する、新しい用語は、一般的なハンドラ.ashxではなく、一般的なWebフォームで.aspxの

 

ここでは、context.Response.Writeによって前に何かを示す、Calculate.ashx、次のコードをという名前の汎用ハンドラは、フォアグラウンドにコンテンツを印刷するための処理を行います。

ポストは、ここで最初のcontext.Request.Formフロントデスクから渡された2つのパラメータを受け入れます。空でない場合は、フロントにプリントを加算した結果です。

システムを使用しました。
System.Collections.Genericを使用しました。
System.Linqのを使用しました。
System.Webのを使用して、

名前空間のAjax
{
/// <要約>
/// Handler1的摘要说明
/// </要約>
publicクラスHandler1:IHTTPハンドラ
{

公共空のprocessRequest(のHttpContextコンテキスト)
{
context.Response.ContentType = "text / plainの"; / /用于设置编码
文字列NUM1 = context.Request.Form [ "NUM1"]; //是GET方式应该context.Request.QueryString用如果
文字列からnum2 = context.Request.Form [ "NUM2"];
IF(!(string.IsNullOrEmpty(NUM1)|| string.IsNullOrEmpty(NUM2)))
{
context.Response.Write(int.Parse(NUM1)+ int.Parse(NUM2))。
}
}

パブリックブールIsReusableは//スレッドの安全のために
{
GET
{
falseに戻ります;
}
}
}
}

完全Default.aspxのHTML + JavaScriptのコンテンツを受信した後、内部Calculate.ashxを広げる2つのテキストボックスの取得パラメータから、その後スパンの結果として、ノードIDに結果を印刷します。
ます。<%@ Page Language = "C#の" AutoEventWireup属性= "trueに"分離コード= "Default.aspx.cs"継承= "Ajax.Default" %>

<DOCTYPE HTML PUBLICの「! - // W3C // DTD XHTML 1.0過渡// EN "" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<HTMLのxmlns =" http://www.w3.org/1999/xhtml「>
<ヘッドID = "HEAD1"にrunat = "サーバー">
<タイトル>アヤックス</ TITLE>
<スクリプトタイプ= "テキスト/ JavaScriptを" SRC = "jQueryの-1.8.3.js"> </ SCRIPT>
</ HEAD>
<BODY>
<入力タイプ= "テキスト" ID = "NUM1" /> +の<input type = "text"



。VAR NUM1 = $( "#のNUM1")ヴァル();
VARからnum2 = $( "#1からnum2")ヴァル();.
IF(ますisNaN(NUM1)||ますisNaN(NUM2)){
アラート(「あなたが入力されましたない番号");!
}
他{
$アヤックス({
タイプ: 'POST'、
URL: 'Calculate.ashx'、
データ型:" HTML」、
データ:{
NUM1:num1を、
NUM2:NUM2
}、
成功:関数(データ){
$( "#結果")HTML(データ);.
}、
{:エラー関数()
"間違って再度お試しください!!"アラート();
}
});
}
}
</ SCRIPT>
< / HTML>

他のプログラミング言語で簡単なAjaxのを完了.ashx ASP.NET、jQueryと使用を参照してくださいすることはほとんど差はありません、
唯一の必要性は、Ajaxのバックグラウンド処理コードは.ashxファイルの代わりに、Page_Loadメソッドで記述する必要があり、ある.aspxの.aspxのがアクセスされていない場合は、アカウントのみにパラメータを説い、それはPage_Loadメソッドをトリガしません。
---------------------
著者:yongh701
出典:CSDN
オリジナルます。https://blog.csdn.net/yongh701/article/details/50481072
免責事項:この記事ブロガーのオリジナルの記事、複製など、ボーエンのリンクを添付してください!

おすすめ

転載: www.cnblogs.com/guoqiang1/p/10959180.html