Menggunakan Panggilan Balik Permintaan AJAX dalam jQuery: Mengekstrak Data Khusus
Apabila menggunakan keupayaan AJAX jQuery, adalah perkara biasa untuk menghadapi situasi di mana anda ingin melakukan pemprosesan tambahan berdasarkan keputusan panggilan AJAX. Artikel ini akan membimbing anda melalui pendekatan terbaik untuk mengekstrak data khusus daripada respons AJAX.
Senario Contoh
Mari kita pertimbangkan coretan kod berikut:
$.post("convertNum.php", {"json": json}).done(function (data) { alert(data); } );
Dalam contoh ini, fungsi panggil balik yang dilakukan menerima keseluruhan respons daripada panggilan AJAX sebagai data. Ini termasuk nombor yang digandakan, tetapi ia turut membawa bersama HTML yang menjana halaman.
Memisahkan Respons PHP
Untuk menyelesaikan masalah ini, penyelesaian terbaik adalah dengan asingkan respons PHP kepada dua bahagian. Cipta fail PHP baharu yang mengendalikan pengiraan nombor berganda sahaja. Sebagai contoh, fail bernama process.php kelihatan seperti ini:
<?php $num = $_POST['json']['number']; if (isset($num)) echo $num * 2;
Pengubahsuaian Panggilan AJAX
Kini, panggilan AJAX perlu diubah suai untuk menghala ke sebaliknya fail process.php. Panggilan AJAX baharu kelihatan seperti ini:
$.post("process.php", {"json": json}).done(function (data) { $('#numReturn').val(data); // Update the field with the doubled number });
Fungsi Panggilan Balik
Dalam fungsi panggil balik, parameter data ialah nombor dua kali ganda yang dikembalikan daripada proses. fail php. Anda kini boleh menggunakan data ini untuk melakukan pemprosesan tambahan, seperti mengemas kini medan dalam borang anda. Dalam contoh ini, kami mengemas kini medan input #numReturn dengan nombor berganda.
Kesimpulan
Memisahkan respons PHP kepada dua bahagian membolehkan kami mengekstrak data tertentu daripada respons AJAX. Pendekatan ini cekap, elegan dan menggalakkan kebolehgunaan semula kod dan pengasingan kebimbangan.
Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengekstrak Data Khusus daripada Respons AJAX dalam jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!