mata teras
- Singkatan JQuery Kaedah AJAX menyediakan kaedah yang memudahkan panggilan AJAX, yang membungkus kaedah
- untuk tujuan tertentu menggunakan konfigurasi pratetap. Kaedah yang dibincangkan dalam artikel ini termasuk
$.ajax()
,load()
dan$.post()
.$.get()
Kaedah - membolehkan data dimuatkan dari pelayan dan dimasukkan ke dalam elemen yang dipilih. Ia menggunakan URL, data pilihan, dan fungsi panggilan balik pilihan. Kaedah ini boleh digunakan untuk memuatkan kandungan utama laman web secara asynchronously.
load()
Kaedah - digunakan untuk menghantar permintaan pos ke pelayan dan menghantar data sebagai sebahagian daripada badan permintaan. Kaedah ini sesuai untuk permintaan yang boleh menyebabkan perubahan dalam keadaan sisi pelayan.
$.post()
Kaedah - memulakan permintaan GET ke pelayan, yang sesuai untuk situasi di mana pelayan sentiasa mengembalikan hasil yang sama untuk set parameter yang diberikan, atau di mana pengguna perlu berkongsi sumber.
$.get()
Sudah tentu, anda boleh menggunakan javascript mentah untuk melaksanakan panggilan Ajax, tetapi ia boleh menyusahkan untuk mengendalikan semua bahagian yang berlainan kod. Ini benar terutamanya jika anda perlu menyokong pelayar lama seperti Internet Explorer 6.
bernasib baik, JQuery memberikan kita satu set cara untuk menangani masalah ini, yang membolehkan kita memberi tumpuan kepada tugas -tugas yang ingin kita capai dengan kod kita. JQuery menyediakan kaedah utama
yang boleh dikonfigurasikan dengan sangat sesuai dengan keperluan anda. Ia juga menyediakan satu set kaedah singkatan yang dipanggil kaedah singkatan, kerana ia hanya pembalut $.ajax()
kaedah dengan konfigurasi pratetap, masing -masing melayani satu tujuan. $.ajax()
, semua kaedah mempunyai satu perkara yang sama: mereka tidak beroperasi pada satu set elemen DOM, tetapi dipanggil terus dari objek jQuery. Oleh itu, kami tidak akan menulis kenyataan seperti ini: $.ajax()
$('p').ajax(...);ini akan memilih semua perenggan di halaman, kemudian hubungi kaedah
, dan sebaliknya tulis: ajax()
$.ajax(...);Dalam artikel ini, kita akan membincangkan tiga kaedah singkatan jQuery yang paling biasa digunakan:
, load()
dan $.post()
. $.get()
LOAD ()
Kaedah pertama yang akan kita bincangkan ialah. Ia membolehkan kami memuatkan data dari pelayan dan meletakkan data yang dikembalikan (biasanya kod HTML) ke dalam elemen yang memilih pemadanan. Sebelum menggunakannya, mari kita lihat tandatangannya: load()
load(url[, data][, callback])Makna setiap parameter adalah seperti berikut:
-
url
: rentetan yang menyatakan URL sumber yang anda mahu hantar permintaan; - : rentetan pilihan yang harus menjadi rentetan pertanyaan yang dibentuk dengan baik, atau objek yang mesti diluluskan sebagai parameter permintaan. Sekiranya rentetan diluluskan, kaedah permintaan akan diperoleh, dan jika objek diluluskan, kaedah permintaan akan diposkan. Jika parameter ini ditinggalkan, kaedah GET digunakan;
data
: Fungsi panggil balik pilihan yang dipanggil selepas permintaan AJAX selesai. Fungsi ini menerima sehingga tiga parameter: teks tindak balas, rentetan status yang diminta, dan contoh JQXHR. Di dalam fungsi panggil balik, konteks (ini) ditetapkan satu demi satu ke setiap elemen koleksi. -
callback
Adakah ini kelihatan sukar digunakan? Mari kita lihat contoh khusus.
Katakan anda mempunyai elemen di laman web anda dengan id utama, yang mewakili kandungan utama. Apa yang kita mahu lakukan adalah secara asynchronously memuat kandungan utama halaman yang dirujuk dalam pautan dalam menu utama, idealnya ID adalah menu utama. Kami hanya mahu mengambil kandungan di dalam elemen ini, kerana susun atur yang lain tidak akan berubah, jadi mereka tidak perlu dimuatkan.
Pendekatan ini dimaksudkan sebagai peningkatan kerana jika pengguna yang melawat laman web telah melumpuhkan JavaScript, mereka masih dapat melayari laman web menggunakan mekanisme penyegerakan biasa. Kami mahu melaksanakan ciri ini kerana ia dapat meningkatkan prestasi laman web. Dalam contoh ini, kami mengandaikan bahawa semua pautan dalam menu adalah pautan dalaman.
Menggunakan kaedah jQuery dan
, kita dapat menyelesaikan tugas ini dengan kod berikut:
load()
$('p').ajax(...);
Untuk menyelesaikan masalah ini, jQuery membolehkan kami menambah pemilih dengan segera selepas URL yang ditentukan. Menggunakan fungsi ini dari kaedah , kita boleh menulis semula kod sebelumnya kepada: Kali ini kita mencari halaman, kemudian menapis kod HTML, menyuntik hanya keturunan elemen dengan id utama. Kami termasuk pemilih sejagat (
) kerana kami ingin mengelakkan unsur -unsur #main di dalam elemen #main;
load()
Contoh ini baik, tetapi ia hanya menunjukkan penggunaan salah satu parameter yang ada. Mari lihat lebih banyak kod!
$.ajax(...);Gunakan fungsi panggil balik dengan beban ()
*
Parameter panggil balik boleh digunakan untuk memberitahu pengguna penyempurnaan operasi. Mari kita kemas kini contoh sebelumnya untuk kali terakhir untuk menggunakannya.
Kali ini kita menganggap kita mempunyai elemen dengan pemberitahuan ID-bar dan ia akan digunakan sebagai ... baik, pemberitahuan bar.
Apabila kita menguasai
, mari kita berikan perhatian kita kepada kaedah seterusnya.
$. Post ()
load(url[, data][, callback])
Kadang -kadang kita mahu menyuntik kandungan yang dikembalikan oleh pelayan ke dalam satu atau lebih elemen. Kami mungkin mahu mengambil data dan kemudian memutuskan apa yang perlu dilakukan dengannya selepas mencari data. Untuk melakukan ini, kita boleh menggunakan kaedah $.post()
atau $.get()
.
Mereka berfungsi sama (membuat permintaan ke pelayan) dan sama dari segi tandatangan dan parameter yang diterima. Satu -satunya perbezaan ialah seseorang menghantar permintaan pos dan yang lain menghantar permintaan GET. Jelas, bukan?
Jika anda tidak ingat perbezaan antara permintaan pos dan permintaan GET, jika permintaan kami boleh menyebabkan keadaan sisi pelayan berubah, menghasilkan respons yang berbeza, anda harus menggunakan pos. Jika tidak, ia harus menjadi permintaan GET.
$.post()
Tandatangan kaedah ialah:
$('p').ajax(...);
Parameter adalah seperti berikut:
-
url
: rentetan yang menyatakan URL sumber yang anda mahu hantar permintaan; - : rentetan pilihan atau objek yang jQuery akan dihantar sebagai sebahagian daripada permintaan pos;
data
: Fungsi panggil balik yang dilaksanakan selepas permintaan berjaya. Di dalam fungsi panggil balik, konteks (ini) ditetapkan untuk mewakili objek yang mewakili tetapan AJAX yang digunakan dalam panggilan. -
callback
: Rentetan pilihan yang menentukan bagaimana badan tindak balas ditafsirkan. Nilai yang diterima ialah: HTML, Teks, XML, JSON, Skrip, dan JSONP. Ini juga boleh menjadi rentetan pelbagai nilai yang dipisahkan ruang. Dalam kes ini, jQuery menukarkan satu jenis ke yang lain. Sebagai contoh, jika respons adalah teks dan kami ingin merawatnya sebagai XML, kami boleh menulis "Teks XML". Jika parameter ini ditinggalkan, teks tindak balas akan diserahkan kepada fungsi panggil balik tanpa sebarang pemprosesan atau penilaian, dan jQuery akan berusaha sebaik mungkin untuk meneka format yang betul. -
type
Sekarang anda tahu apa yang boleh dilakukan
$.post()
Katakan kita mempunyai borang untuk mengisi. Setiap kali bidang kehilangan fokus, kami ingin menghantar data medan ke pelayan untuk mengesahkan kesahihannya. Kami akan mengandaikan bahawa pelayan mengembalikan maklumat dalam format JSON. Kes penggunaan biasa adalah untuk mengesahkan bahawa pengguna yang dipilih nama pengguna belum diduduki.
Untuk melaksanakan fungsi ini, kita boleh menggunakan kaedah JQuery's
seperti berikut:
$.post()
$.ajax(...);
untuk memberi anda pemahaman yang lebih baik tentang apa jenis objek JSON ini kelihatan seperti, inilah contoh:
seperti yang saya katakan,
load(url[, data][, callback])adalah sama seperti
kecuali kerana dapat membuat permintaan. Jadi bahagian seterusnya akan sangat pendek dan saya akan memberi tumpuan kepada beberapa kes penggunaan dan bukannya mengulangi maklumat yang sama. $.get()
$.post()
adalah sama dengan kaedah Kesimpulan Dalam artikel ini, kita membincangkan beberapa kaedah singkatan Ajax yang paling biasa digunakan untuk jQuery. Mereka adalah cara yang sangat mudah untuk melaksanakan permintaan Ajax, dan seperti yang dapat kita lihat, dalam versi asas mereka, hanya mengambil satu baris kod untuk mencapai apa yang kita mahu. Sila periksa dokumentasi singkatan Ajax JQuery untuk maklumat lanjut mengenai kaedah ini dan lain -lain. Walaupun kami tidak membincangkan apa -apa lagi di sini, anda sepatutnya dapat menggunakan pengetahuan yang anda perolehi dalam artikel ini untuk memulakan dengan kaedah lain. (bahagian FAQ harus ditambah di sini, kandungannya sama dengan bahagian FAQ dalam teks input) $.get()
adalah salah satu kaedah yang disediakan oleh jQuery untuk mengeluarkan permintaan mendapatkan. Kaedah ini memulakan permintaan GET ke pelayan menggunakan URL yang ditentukan dan data pilihan yang disediakan. Selepas permintaan selesai, ia juga boleh melaksanakan fungsi panggil balik. Tandatangannya adalah seperti berikut: $('p').ajax(...);
Parameter $.post()
, jadi saya tidak akan mengulanginya di sini. $.get()
sesuai untuk kes -kes di mana pelayan sentiasa mengembalikan hasil yang sama untuk set parameter yang diberikan. Ia juga merupakan pilihan yang baik untuk sumber yang anda mahu pengguna dapat berkongsi. Sebagai contoh, untuk perkhidmatan pengangkutan (seperti maklumat jadual waktu kereta api), orang yang mencari tarikh dan masa yang sama mesti mendapatkan hasil yang sama, dan permintaan GET adalah ideal. Di samping itu, jika halaman boleh bertindak balas untuk mendapatkan permintaan, pengguna boleh berkongsi hasil yang mereka dapatkan dengan rakan -rakan mereka - keajaiban URL.
Atas ialah kandungan terperinci Pengenalan Kaedah Ajax JQuery ' s. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Penjelasan terperinci mengenai kaedah penggantian rentetan javascript dan Soalan Lazim Artikel ini akan meneroka dua cara untuk menggantikan watak rentetan dalam JavaScript: Kod JavaScript dalaman dan HTML dalaman untuk laman web. Ganti rentetan di dalam kod JavaScript Cara yang paling langsung ialah menggunakan kaedah pengganti (): str = str.replace ("cari", "ganti"); Kaedah ini hanya menggantikan perlawanan pertama. Untuk menggantikan semua perlawanan, gunakan ungkapan biasa dan tambahkan bendera global g: str = str.replace (/fi

Tutorial ini menunjukkan kepada anda bagaimana untuk mengintegrasikan API carian Google tersuai ke dalam blog atau laman web anda, menawarkan pengalaman carian yang lebih halus daripada fungsi carian tema WordPress standard. Ia menghairankan mudah! Anda akan dapat menyekat carian ke y

Leverage JQuery untuk Layouts Laman Web yang mudah: 8 Plugin Essential JQuery memudahkan susun atur laman web dengan ketara. Artikel ini menyoroti lapan plugin jQuery yang kuat yang menyelaraskan proses, terutamanya berguna untuk penciptaan laman web manual

Jadi di sini anda, bersedia untuk mempelajari semua perkara ini yang dipanggil Ajax. Tetapi, apa sebenarnya? Istilah Ajax merujuk kepada kumpulan teknologi longgar yang digunakan untuk membuat kandungan web yang dinamik dan interaktif. Istilah Ajax, yang asalnya dicipta oleh Jesse J

Mata teras Ini dalam JavaScript biasanya merujuk kepada objek yang "memiliki" kaedah, tetapi ia bergantung kepada bagaimana fungsi dipanggil. Apabila tidak ada objek semasa, ini merujuk kepada objek global. Dalam penyemak imbas web, ia diwakili oleh tetingkap. Apabila memanggil fungsi, ini mengekalkan objek global; tetapi apabila memanggil pembina objek atau mana -mana kaedahnya, ini merujuk kepada contoh objek. Anda boleh mengubah konteks ini menggunakan kaedah seperti panggilan (), memohon (), dan mengikat (). Kaedah ini memanggil fungsi menggunakan nilai dan parameter yang diberikan. JavaScript adalah bahasa pengaturcaraan yang sangat baik. Beberapa tahun yang lalu, ayat ini

JQuery adalah rangka kerja JavaScript yang hebat. Walau bagaimanapun, seperti mana -mana perpustakaan, kadang -kadang perlu untuk mendapatkan di bawah tudung untuk mengetahui apa yang sedang berlaku. Mungkin kerana anda mengesan bug atau hanya ingin tahu tentang bagaimana jQuery mencapai UI tertentu

Siaran ini menyusun helaian cheat berguna, panduan rujukan, resipi cepat, dan coretan kod untuk perkembangan aplikasi Android, BlackBerry, dan iPhone. Tiada pemaju harus tanpa mereka! Panduan Rujukan Gesture Touch (PDF) Sumber yang berharga untuk desig

Artikel membincangkan membuat, menerbitkan, dan mengekalkan perpustakaan JavaScript, memberi tumpuan kepada perancangan, pembangunan, ujian, dokumentasi, dan strategi promosi.


Alat AI Hot

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool
Gambar buka pakaian secara percuma

Clothoff.io
Penyingkiran pakaian AI

AI Hentai Generator
Menjana ai hentai secara percuma.

Artikel Panas

Alat panas

Versi Mac WebStorm
Alat pembangunan JavaScript yang berguna

ZendStudio 13.5.1 Mac
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

VSCode Windows 64-bit Muat Turun
Editor IDE percuma dan berkuasa yang dilancarkan oleh Microsoft

SublimeText3 versi Inggeris
Disyorkan: Versi Win, menyokong gesaan kod!
