Pertama, saya berbagi dengan Anda kode AJAX implementasi JavaScript asli untuk referensi Anda. Konten spesifiknya adalah sebagai berikut
var getXmlHttpRequest = function () {if (window.xmlHttpRequest) {// browser Mainstream Menyediakan objek xmlhttpRequest baru mengembalikan xmlhttpRequest (); } lain jika (window.activexObject) {// Versi yang lebih rendah dari browser IE tidak menyediakan objek xmlhttpRequest // jadi Anda harus menggunakan implementasi spesifik dari IE browser ActivexObject Return new ActiveXObject ("microsoft.xmlhttpRequest"); }}; var xhr = getxmlHttpRequest (); xhr.onreadystatechange = function () {console.log (xhr.readystate); if (xhr.readystate === 3 && xhr.status === 200) {// Jalankan operasi setelah akuisisi yang berhasil // data ada di xhr.responsetext console.log (xhr.responsetext); }}; xhr.open ("get", "data.php", true); xhr.send ("");Di bawah ini saya akan berbagi dengan Anda beberapa cara untuk mengimplementasikan AJAX asli menggunakan JavaScript.
Sebelum mengimplementasikan AJAX, Anda harus membuat objek XMLHTTPREQUEST. Jika browser yang membuat objek ini tidak didukung, Anda perlu membuat ActiveXObject. Metode spesifiknya adalah sebagai berikut:
var xmlhttp; fungsi createxmlHttpRequest () {if (window.activexObject) {xmlHttp = new ActivexObject ("microsoft.xmlhttp"); } else if (window.xmlHttpRequest) {xmlhttp = new xmlHttpRequest (); }(1) Berikut ini menggunakan XMLHTTP yang dibuat di atas untuk mengimplementasikan permintaan AJAX Get yang paling sederhana:
function doGet (url) {// Perhatikan bahwa ketika melewati nilai parameter, yang terbaik adalah menggunakan encodeuri untuk menanganinya, jika kode yang kacau createxmlhttpRequest (); xmlhttp.open ("get", url); xmlhttp.send (null); xmlhttp.onreadystatechange = function () {if ((xmlhttp.readyState == 4) && (xmlhttp.status == 200)) {alert ('Success'); } else {alert ('fail'); }}}(2) Gunakan xmlhttp yang dibuat di atas untuk mengimplementasikan permintaan pos AJAX paling sederhana:
fungsi dopost (url, data) {// Perhatikan bahwa ketika melewati nilai parameter, yang terbaik adalah menggunakan encodeuri untuk menanganinya, jika kode yang kacau createxmlhttpRequest (); xmlhttp.open ("post", url); xmlhttp.setRequestHeader ("tipe konten", "Aplikasi/X-WWW-Form-Urlencoded"); xmlhttp.send (data); xmlhttp.onreadystatechange = function () {if ((xmlhttp.readyState == 4) && (xmlhttp.status == 200)) {alert ('Success'); } else {alert ('fail'); }}}Di atas adalah semua tentang artikel ini, saya harap ini akan membantu untuk pembelajaran semua orang.