Pertama, kita membutuhkan objek XHR. Ini tidak sulit bagi kita, merangkumnya menjadi suatu fungsi.
var createajax = function () {var xhr = null; Coba {// IE Series Browser XHR = ActiveXObject baru ("Microsoft.xmlHttp"); } catch (e1) {coba {// non -e browser xhr = new xmlHttprequest (); } catch (e2) {window.alert ("Browser Anda tidak mendukung Ajax, harap ganti!"); }} return xhr;};Lalu, mari kita tulis fungsi inti.
var ajax = function (conf) {// initialize // type parameter, opsional var type = conf.type; // parameter url, diperlukan var url = conf.url; // Parameter data adalah opsional, hanya var data = conf.data; // Parameter DataType adalah opsional var dataType = conf.datatype; // Fungsi Callback adalah opsional VAR SUCCESS = CONF.SUCCESS; if (type == null) {// Jenis parameter adalah opsional, default adalah get type = "get"; } if (DataType == null) {// Parameter DataType adalah opsional, default adalah teks DataType = "Text"; } // Buat Objek Mesin Ajax var xhr = createJax (); // buka xhr.open (tipe, url, true); // Kirim if (type == "get" || type == "get") {xhr.send (null); } else if (type == "post" || type == "post") {xhr.setRequestHeader ("tipe konten", "Application/X-WWW-Form-Urlencoded"); xhr.send (data); } xhr.onReadyStateChange = function () {if (xhr.readystate == 4 && xhr.status == 200) {if (dataType == "text" || DataType == "Text") {if (Success! = Null) {// Teks Normal Success (XHR.RR. }} lain if (DataType == "xml" || DataType == "xml") {if (Success! = null) {// menerima XML Document Success (xhr.responsexml); }} lain if (DataType == "JSON" || DataType == "json") {if (Success! = null) {// Konversi string JSON ke Objek JS Sukses (eval ("("+xhr.Responsetext+")")); }}}}}};};Akhirnya, mari kita jelaskan penggunaan fungsi ini.
AJAX ({type: "POST", URL: "test.jsp", data: "name = Dipoo & info = good", DataType: "json", Success: function (data) {alert (data.name);}});Kode contoh di atas yang menggunakan JS asli untuk hanya merangkum AJAX adalah semua konten yang saya bagikan dengan Anda. Saya harap Anda dapat memberi Anda referensi dan saya harap Anda dapat mendukung wulin.com lebih lanjut.