【ajax】フロントエンド(html)からバックエンド(ashx)へのデータ転送
全体的な考え方:
フロントエンドからバックエンドにデータを転送するには、まずフロントエンドから値を取得し、ajaxでバックエンドに転送し、バックエンドでデータを受信します.ここではhtmlページからashxにデータを転送することを実現します.
実装の詳細:
1、前端から値を取る
(1)まず自分が値を取得したいコントロールにidを付ける.
(2)その後js方式でidが「shuru」であるコントロールを取得する
(3)コントロールの値を再取得し、それを1つの変数に入れる(1つの変数に置くと、後のdataに対応するデータが便利になるので、もちろん変数に置かずに直接dataに対応することもできます:data:{$("#shuru").val()}、効果は同じです)
2、ajax方式でバックエンドに入る
3、バックエンドで伝達されたデータを取得する
これでフロントエンドから送られてきたデータを使用できます.ジャンプページ使用:context.Response.Write(##);context.Response.End();
まとめ
実はフロントエンドからバックエンドに転送する方法はいろいろありますが、このajax方式のほか、フォームformもデータを転送できます.どのような方法を使うかは、自分のニーズを見る必要があります.formという形式では、その中にactionがあります.そうすると、あるページに指向し、何度もページを変換することはできません.ajaxは1つのページに指向することはありません.データを転送するだけです.バックエンドでは判断条件によって複数のページに移動し、writeを使うことができます.
フロントエンドからバックエンドにデータを転送するには、まずフロントエンドから値を取得し、ajaxでバックエンドに転送し、バックエンドでデータを受信します.ここではhtmlページからashxにデータを転送することを実現します.
実装の詳細:
1、前端から値を取る
(1)まず自分が値を取得したいコントロールにidを付ける.
(2)その後js方式でidが「shuru」であるコントロールを取得する
document.getElementById("shuru");
(3)コントロールの値を再取得し、それを1つの変数に入れる(1つの変数に置くと、後のdataに対応するデータが便利になるので、もちろん変数に置かずに直接dataに対応することもできます:data:{$("#shuru").val()}、効果は同じです)
var shuru=$("#shuru").val();
2、ajax方式でバックエンドに入る
$.ajax({
type: "post",
url: "Handler1.ashx",
data: { shuru},
success: function (data) {
document.getElementById("content").innerHTML = data;
}
});
3、バックエンドで伝達されたデータを取得する
public string shuru;
shuru=context.Request["shuru"].ToString();
これでフロントエンドから送られてきたデータを使用できます.ジャンプページ使用:context.Response.Write(##);context.Response.End();
まとめ
実はフロントエンドからバックエンドに転送する方法はいろいろありますが、このajax方式のほか、フォームformもデータを転送できます.どのような方法を使うかは、自分のニーズを見る必要があります.formという形式では、その中にactionがあります.そうすると、あるページに指向し、何度もページを変換することはできません.ajaxは1つのページに指向することはありません.データを転送するだけです.バックエンドでは判断条件によって複数のページに移動し、writeを使うことができます.