Artikel ini memperkenalkan secara rinci metode implementasi JS mendapatkan nilai yang dikembalikan oleh halaman asp (memuat nilai). Teman-teman yang ingin tahu lebih banyak bisa merujuk ke kode salinannya.
<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd>
<html xmlns=http://www.w3.org/1999/xhtml>
<kepala>
<meta http-equiv=Jenis Konten konten=teks/html; charset=gbk />
<title>Mendapatkan data sisi Server menggunakan AJAX</title>
</kepala>
<skrip>
fungsi buat_Objek() {
var xmlhttp;
if (!xmlhttp && typeof XMLHttpRequest != 'tidak terdefinisi') {
mencoba {
xmlhttp = XMLHttpRequest baru();
}
menangkap (e) {
peringatan(Browser Anda tidak mendukung XMLHTTPRequest); <BR> xmlhttp = false;
}
}
kalau tidak {
xmlhttp = ActiveXObject baru (Microsoft.XMLHTTP);
}
kembalikan xmlhttp;
}
var permintaan = buat_Objek();
fungsi server_interaksi() {
if (permintaan.readyState == 1) {
document.getElementById('aja_cnts').value = '';
document.getElementById('aja_cnts').value = 'Memuat...';
}
if (permintaan.readyState == 4) {
var jawaban = permintaan.responseText;
document.getElementById('aja_cnts').value = '';
document.getElementById('aja_cnts').value = jawaban;
}
}
fungsi panggilan_server() {
request.open(GET, Response.asp);
permintaan.onreadystatechange = server_interaksi; permintaan.kirim('');
}
</skrip>
<tubuh>
<tipe input=nama tombol=btnLoad id=btnLoad value=Klik untuk memuat onclick=call_server();
<tipe masukan=gaya teks= lebar:265 piksel; tinggi:68 piksel; id=aja_cnts />
</tubuh>
</html>
Dapatkan halaman kode Response.asp: document.getElementById('aja_cnts').value
Contoh kode Response.asp:
Copy kode kodenya sebagai berikut:
<%
Tanggapan.Tulis Halo! Selamat datang di toko You9!
Respon.Tulis Situs web kami adalah: http://www.vevb.com
%>