ASP+AJAX(Jquery)組み合わせ使用例
今日の Downcodes エディターでは、ASP+AJAX (Jquery) の非常に簡単な使用例を紹介します。これは、初心者が学習して使用するのに特に適しています。
サンプルコード
次の例は、一般的に使用される 4 つの AJAX リクエスト メソッドを示しています。
1. $.ajax()
2. $.post()
3. $.get()
4. $.getJSON()
1. $.ajax()
`html
$(document).ready(function(){
$("#btn1").click(function(){
$.ajax({
url: "ajax.asp",
type: "POST",
data: {name: "Downcodes", city: "北京"},
success: function(result){
$("#div1").html(result);
}
});
});
});
`
2. $.post()
`html
$(document).ready(function(){
$("#btn2").click(function(){
$.post("ajax.asp", {name: "Downcodes", city: "北京"}, function(result){
$("#div2").html(result);
});
});
});
`
3. $.get()
`html
$(document).ready(function(){
$("#btn3").click(function(){
$.get("ajax.asp", {name: "Downcodes", city: "北京"}, function(result){
$("#div3").html(result);
});
});
});
`
4. $.getJSON()
`html
$(document).ready(function(){
$("#btn4").click(function(){
$.getJSON("ajax.asp", {name: "Downcodes", city: "北京"}, function(result){
$("#div4").html("姓名:" + result.name + "
城市:" + result.city);
});
});
});
`
ASP コードサンプル (ajax.asp)
`asp
<%
Response.ContentType = "テキスト/html; charset=utf-8"
薄暗い名前、都市
名前 = リクエスト.フォーム("名前")
city = Request.Form("都市")
' JSON形式のデータを出力
Response.Write("{""名前"": """ & 名前 & """, ""都市"": """ & 都市 & """}")
%>
`
説明する
上記のコードの ajax.asp ファイルは、HTML ファイルと同じディレクトリに配置する必要があります。
$.ajax() 関数は AJAX リクエストの中核であり、さまざまなリクエスト パラメータをカスタマイズできます。
$.post() 関数と $.get() 関数は、AJAX リクエストの簡略化された方法であり、それぞれ POST リクエストと GET リクエストに対応します。
$.getJSON() 関数は、JSON 形式でデータを取得するために使用されます。
ASP コード例では、Request.Form を使用して、AJAX リクエストによって渡されたパラメーターを取得します。
この例を通じて、ASP と AJAX (Jquery) を使用する方法と、さまざまな AJAX リクエスト メソッドを使用してデータ対話を実現する方法を理解できるはずです。
要約する
ASP+AJAX (Jquery) を組み合わせて使用すると、Web サイトがより動的になり、ユーザーに優れたインタラクティブなエクスペリエンスを提供できます。この例が ASP+AJAX (Jquery) の理解と使用に役立つことを願っています。