Contoh penggunaan kombinasi ASP+AJAX(Jquery).
Editor Downcodes hari ini memberikan Anda contoh yang sangat sederhana dalam menggunakan ASP+AJAX (Jquery), yang sangat cocok untuk dipelajari dan digunakan oleh pemula.
Kode sampel
Contoh berikut menunjukkan empat metode permintaan AJAX yang umum digunakan, yaitu:
1.$.ajax()
2. $.posting()
3. $.mendapatkan()
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. $.posting()
`html
$(document).ready(function(){
$("#btn2").click(function(){
$.post("ajax.asp", {name: "Downcodes", city: "北京"}, function(result){
$("#div2").html(result);
});
});
});
`
3. $.mendapatkan()
`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);
});
});
});
`
Contoh kode ASP (ajax.asp)
`asp
<%
Response.ContentType = "teks/html; charset=utf-8"
Nama redup, kota
nama = Permintaan.Formulir("nama")
kota = Permintaan.Formulir("kota")
' Keluarkan data berformat JSON
Response.Write("{""nama"": """ & nama & """, ""kota"": """ & kota & """}")
%>
`
menjelaskan
File ajax.asp pada kode di atas perlu ditempatkan di direktori yang sama dengan file HTML.
Fungsi $.ajax() adalah inti dari permintaan AJAX dan dapat menyesuaikan berbagai parameter permintaan.
Fungsi $.post() dan $.get() adalah cara permintaan AJAX yang disederhanakan, masing-masing sesuai dengan permintaan POST dan GET.
Fungsi $.getJSON() digunakan untuk memperoleh data dalam format JSON.
Dalam contoh kode ASP, Request.Form digunakan untuk mendapatkan parameter yang diteruskan oleh permintaan AJAX.
Melalui contoh ini, Anda seharusnya dapat memahami cara menggunakan ASP dengan AJAX (Jquery) dan menggunakan metode permintaan AJAX yang berbeda untuk mencapai interaksi data.
Meringkaskan
Kombinasi penggunaan ASP+AJAX (Jquery) dapat membuat situs web lebih dinamis dan memberikan pengalaman interaktif yang lebih baik kepada pengguna. Saya harap contoh ini dapat membantu Anda lebih memahami dan menggunakan ASP+AJAX (Jquery).