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!

JavaScript berjalan dalam penyemak imbas dan persekitaran Node.js dan bergantung pada enjin JavaScript untuk menghuraikan dan melaksanakan kod. 1) menjana pokok sintaks abstrak (AST) di peringkat parsing; 2) menukar AST ke bytecode atau kod mesin dalam peringkat penyusunan; 3) Laksanakan kod yang disusun dalam peringkat pelaksanaan.

Trend masa depan Python dan JavaScript termasuk: 1. Kedua -duanya akan terus mengembangkan senario aplikasi dalam bidang masing -masing dan membuat lebih banyak penemuan dalam prestasi.

Kedua -dua pilihan Python dan JavaScript dalam persekitaran pembangunan adalah penting. 1) Persekitaran pembangunan Python termasuk Pycharm, Jupyternotebook dan Anaconda, yang sesuai untuk sains data dan prototaip cepat. 2) Persekitaran pembangunan JavaScript termasuk node.js, vscode dan webpack, yang sesuai untuk pembangunan front-end dan back-end. Memilih alat yang betul mengikut keperluan projek dapat meningkatkan kecekapan pembangunan dan kadar kejayaan projek.

Ya, teras enjin JavaScript ditulis dalam C. 1) Bahasa C menyediakan prestasi yang efisien dan kawalan asas, yang sesuai untuk pembangunan enjin JavaScript. 2) Mengambil enjin V8 sebagai contoh, terasnya ditulis dalam C, menggabungkan kecekapan dan ciri-ciri berorientasikan objek C. 3) Prinsip kerja enjin JavaScript termasuk parsing, penyusun dan pelaksanaan, dan bahasa C memainkan peranan penting dalam proses ini.

JavaScript adalah di tengah -tengah laman web moden kerana ia meningkatkan interaktiviti dan dinamik laman web. 1) Ia membolehkan untuk menukar kandungan tanpa menyegarkan halaman, 2) memanipulasi laman web melalui Domapi, 3) menyokong kesan interaktif kompleks seperti animasi dan drag-and-drop, 4) mengoptimumkan prestasi dan amalan terbaik untuk meningkatkan pengalaman pengguna.

C dan JavaScript mencapai interoperabilitas melalui webassembly. 1) Kod C disusun ke dalam modul WebAssembly dan diperkenalkan ke dalam persekitaran JavaScript untuk meningkatkan kuasa pengkomputeran. 2) Dalam pembangunan permainan, C mengendalikan enjin fizik dan rendering grafik, dan JavaScript bertanggungjawab untuk logik permainan dan antara muka pengguna.

JavaScript digunakan secara meluas di laman web, aplikasi mudah alih, aplikasi desktop dan pengaturcaraan sisi pelayan. 1) Dalam pembangunan laman web, JavaScript mengendalikan DOM bersama -sama dengan HTML dan CSS untuk mencapai kesan dinamik dan menyokong rangka kerja seperti JQuery dan React. 2) Melalui reaktnatif dan ionik, JavaScript digunakan untuk membangunkan aplikasi mudah alih rentas platform. 3) Rangka kerja elektron membolehkan JavaScript membina aplikasi desktop. 4) Node.js membolehkan JavaScript berjalan di sisi pelayan dan menyokong permintaan serentak yang tinggi.

Python lebih sesuai untuk sains data dan automasi, manakala JavaScript lebih sesuai untuk pembangunan front-end dan penuh. 1. Python berfungsi dengan baik dalam sains data dan pembelajaran mesin, menggunakan perpustakaan seperti numpy dan panda untuk pemprosesan data dan pemodelan. 2. Python adalah ringkas dan cekap dalam automasi dan skrip. 3. JavaScript sangat diperlukan dalam pembangunan front-end dan digunakan untuk membina laman web dinamik dan aplikasi satu halaman. 4. JavaScript memainkan peranan dalam pembangunan back-end melalui Node.js dan menyokong pembangunan stack penuh.


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

Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Artikel Panas

Alat panas

EditPlus versi Cina retak
Saiz kecil, penyerlahan sintaks, tidak menyokong fungsi gesaan kod

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Pelayar Peperiksaan Selamat
Pelayar Peperiksaan Selamat ialah persekitaran pelayar selamat untuk mengambil peperiksaan dalam talian dengan selamat. Perisian ini menukar mana-mana komputer menjadi stesen kerja yang selamat. Ia mengawal akses kepada mana-mana utiliti dan menghalang pelajar daripada menggunakan sumber yang tidak dibenarkan.

Penyesuai Pelayan SAP NetWeaver untuk Eclipse
Integrasikan Eclipse dengan pelayan aplikasi SAP NetWeaver.

mPDF
mPDF ialah perpustakaan PHP yang boleh menjana fail PDF daripada HTML yang dikodkan UTF-8. Pengarang asal, Ian Back, menulis mPDF untuk mengeluarkan fail PDF "dengan cepat" dari tapak webnya dan mengendalikan bahasa yang berbeza. Ia lebih perlahan dan menghasilkan fail yang lebih besar apabila menggunakan fon Unicode daripada skrip asal seperti HTML2FPDF, tetapi menyokong gaya CSS dsb. dan mempunyai banyak peningkatan. Menyokong hampir semua bahasa, termasuk RTL (Arab dan Ibrani) dan CJK (Cina, Jepun dan Korea). Menyokong elemen peringkat blok bersarang (seperti P, DIV),
