Permintaan asynchronous JQuery bermakna selepas pelayar menghantar permintaan kepada pelayan, ia boleh menghantar permintaan seterusnya pada bila-bila masa tanpa menunggu respons pelayan kembali tidak hilang, dan sebahagian daripada halaman boleh direalisasikan, Ajax, "$.get()", "$.post()" dan "$.getJSON()" boleh digunakan untuk melaksanakan permintaan tak segerak.
Persekitaran pengendalian tutorial ini: sistem Windows 10, versi jquery 3.6.0, komputer Dell G3.
Permintaan tak segerak
Apabila penyemak imbas menghantar permintaan segerak kepada pelayan, semasa proses perkhidmatan memproses permintaan segerak, Penyemak imbas akan berada dalam keadaan menunggu Selepas pelayan memproses permintaan, ia bertindak balas dengan data ke penyemak imbas dan menimpa data asal dalam memori penyemak imbas Pelayar memuatkan semula halaman dan memaparkan data tindak balas pelayan.
Jadi, adakah terdapat teknologi yang membenarkan penyemak imbas menghantar permintaan kepada pelayan Semasa pelayan memproses permintaan, penyemak imbas tidak dalam keadaan menunggu dan penyemak imbas tidak memuat semula semasa menerima data tindak balas Untuk keseluruhan halaman, data sebelum permintaan dihantar tidak hilang dan penyegaran separa halaman boleh dicapai? Kemudian anda perlu menggunakan permintaan ajax - model permintaan asynchronous
Permintaan segerak bermakna selepas menghantar permintaan, anda perlu menunggu respons pelayan kembali sebelum menghantar permintaan seterusnya.
Permintaan tak segerak adalah bertentangan dengan permintaan tak segerak tidak perlu menunggu balasan dan boleh menghantar permintaan seterusnya pada bila-bila masa.
Empat cara permintaan tak segerak jQuery
Permintaan Ajax pertama:
Simpan data ke pelayan dan paparkan maklumat apabila berjaya
$.ajax({ type: “POST”, url: “some.php”, data: “name=John&location=Boston”, success: function(msg){ alert( "Data Saved: " + msg ); } });
Nota:
l jenis: (Lalai: "GET"), kaedah permintaan ("POST" atau "GET") Kaedah permintaan lain hanya disokong oleh sesetengah penyemak imbas.
l url: (alamat halaman semasa lalai) alamat untuk menghantar permintaan.
l data: data yang disimpan.
l kejayaan: Dipanggil selepas permintaan, data yang dikembalikan dan rentetan yang mengandungi kod kejayaan dipindahkan.
l Function() perlu menyimpan pembolehubah global yang diisytiharkan pada bahagian pengawal
Permintaan $.get() kedua:
(melalui permintaan HTTP GET jauh Muatkan maklumat . Ini adalah fungsi permintaan GET yang mudah untuk menggantikan $.ajax yang kompleks Jika anda perlu melaksanakan fungsi pada ralat, gunakan $.ajax Paparkan nilai pulangan test.php (HTML atau XML, bergantung pada nilai pulangan).
Kod jQuery:
$.get(“test.php”, function(data){ alert("Data Loaded: " + data); });
(muat maklumat melalui permintaan HTTP POST jauh) Penerangan:
Keluarkan hasil daripada ujian halaman yang diminta.php (HTML atau XML, bergantung pada perkara yang dikembalikan):
Kod jQuery:
$.post(“test.php”, function(data){ alert("Data Loaded: " + data); });
(Muatkan data JSON melalui permintaan HTTP GET) Kod jQuery:
$.getJSON(“http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format =json&jsoncallback=?”, function(data){ $.each(data.items, function(i,item){ $("").attr(“src”, item.media.m).appendTo("#images"); if ( i == 3 ) return false; }); });
l The $. permintaan getJSON() berbeza daripada tiga yang pertama yang dikembalikan dalam pengawal bukan Kandungan tetapi kod dalam format JSON
Cadangan tutorial video:
Atas ialah kandungan terperinci Apakah maksud permintaan asynchronous jquery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!