Terdapat 4 jenis permintaan tak segerak jquery: 1. Permintaan Ajax, sintaksnya ialah "$.ajax({name:value,...})"; 2. Dapatkan permintaan, sintaksnya ialah "$ .get(url, pass Parameters, callback function, type)"; 3. permintaan getJSON, menyokong panggilan merentas domain; 4. permintaan pos.
Persekitaran pengendalian tutorial ini: sistem windows10, versi jquery3.2.1, komputer Dell G3.
Permintaan Ajax pertama:
$.ajax(): ialah kaedah teras.
Kaedah $.ajax() ialah cara yang berkuasa dan langsung untuk membuat permintaan Ajax. Ia diluluskan objek pilihan sebagai parameter, dan sifat objek pilihan ini mengkonfigurasi semua arahan yang diperlukan untuk melengkapkan permintaan.
$.ajax() menyediakan fungsi panggil balik kejayaan dan kegagalan.
Sintaks:
$.ajax({name:value, name:value, … })
Simpan data ke pelayan, paparkan maklumat apabila berjaya
$.ajax({ type: "POST", url: "some.php", data: "name=John&location=Boston", success: function(msg){ alert( "Data Saved: " + msg ); } });
Ulasan:
jenis: (Lalai: " GET "), kaedah permintaan ("POST" atau "GET") dan kaedah permintaan lain hanya disokong oleh sesetengah penyemak imbas.
url: (Alamat halaman semasa lalai) Alamat untuk menghantar permintaan.
data: data yang disimpan.
kejayaan: Dipanggil selepas permintaan, data yang dikembalikan dan rentetan yang mengandungi kod kejayaan dipindahkan.
Fungsi() perlu menyimpan pembolehubah global yang diisytiharkan pada bahagian pengawal
Permintaan $.get() kedua:
Sintaks:
$.get (alamat url, parameter yang diluluskan oleh param, fungsi panggil balik, jenis nilai pulangan)
Nota:
Parameter: pilihan;
Jenis nilai pulangan: Jenis boleh dipadankan secara automatik mengikut data (biasanya boleh diabaikan)
(melalui Permintaan HTTP GET jauh memuatkan maklumat Ini ialah fungsi permintaan GET yang mudah yang boleh dipanggil apabila permintaan berjaya Jika anda perlu melaksanakan fungsi apabila ralat berlaku, gunakan $.ajax:
< nilai pulangan test.php (HTML atau XML, bergantung pada nilai pulangan). Kod jQuery:$.get("test.php", function(data){ alert("Data Loaded: " + data); });
Sintaks:
$.post (alamat url, parameter yang diluluskan oleh param, fungsi panggil balik, jenis nilai pulangan) Nota:Parameter: Pilihan; Jenis nilai pulangan: Jenis boleh dipadankan secara automatik mengikut data (biasanya boleh diabaikan) (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); });
$.getJSON () disediakan khas untuk ajax untuk mendapatkan data json, dan menyokong panggilan merentas domain.
Nota: JSON ialah format penghantaran data yang ideal Ia boleh disepadukan dengan baik dengan JavaScript atau bahasa hos lain dan boleh digunakan secara langsung oleh JS. Sintaks: $.getJSON (alamat url, parameter yang diluluskan oleh param (pilihan), fungsi panggil balik)(Muatkan data JSON melalui permintaan HTTP GET)Kod jQuery:
Nota: Permintaan
$.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){ $("<img / alt="Terdapat beberapa jenis permintaan asynchronous jquery" >").attr("src", item.media.m).appendTo("#images"); if ( i == 3 ) return false; }); });
Tutorial video berkaitan yang disyorkan: tutorial video jQuery
Atas ialah kandungan terperinci Terdapat beberapa jenis permintaan asynchronous jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!