Rumah  >  Artikel  >  hujung hadapan web  >  Terdapat beberapa jenis permintaan asynchronous jquery

Terdapat beberapa jenis permintaan asynchronous jquery

WBOY
WBOYasal
2022-05-18 11:12:212096semak imbas

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.

Terdapat beberapa jenis permintaan asynchronous jquery

Persekitaran pengendalian tutorial ini: sistem windows10, versi jquery3.2.1, komputer Dell G3.

Terdapat beberapa jenis permintaan tak segerak jquery

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:

Kod jQuery:

$.get("test.php", function(data){
          alert("Data Loaded: " + data);
});
Permintaan $.post() ketiga:

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);
          });
Permintaan $.getJSON() keempat:

$.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;
  });
});
$.getJSON() adalah berbeza daripada tiga yang pertama Apa yang dikembalikan dalam pengawal bukan Content ialah kod dalam JSON format

Tutorial video berkaitan yang disyorkan: Terdapat beberapa jenis permintaan asynchronous jquerytutorial 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!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn