Fungsi Panggilan JavaScript: Bagaimana untuk mendapatkan Token Menggunakan atribut Callback Data?

Gunakan fungsi panggil balik JavaScript untuk memproses atribut data-callback untuk mendapatkan token

Dalam pembangunan front-end, fungsi panggil balik adalah mekanisme yang sama untuk mengendalikan hasil operasi tak segerak apabila berinteraksi dengan perkhidmatan pihak ketiga. Artikel ini<div class="cf-turnstile" data-callback="javascriptCallback" data-sitekey="yourSitekey"></div> Sebagai contoh, menggambarkan bagaimana untuk mendapatkan token yang dikembalikan oleh atribut data-callback melalui JavaScript.

Dalam kod<div> Elemen ini menggunakan atribut <code>data-callback , yang nilainya adalah javascriptCallback , menunjukkan bahawa elemen bergantung kepada fungsi JavaScript yang bernama javascriptCallback untuk memproses hasil panggil balik. Hartanah data-callback biasanya menentukan fungsi yang dipanggil selepas peristiwa tertentu (contohnya, pengesahan perkhidmatan pihak ketiga berjaya). Dalam contoh ini, fungsi javascriptCallback menjangka menerima token sebagai parameter, tetapi kod itu tidak secara langsung menentukan fungsi tersebut.

Kunci: Periksa dokumen perkhidmatan pihak ketiga

Untuk mendapatkan token, pastikan anda berunding dengan dokumentasi rasmi perkhidmatan pihak ketiga . Dokumen ini akan menerangkan secara terperinci bagaimana menggunakan atribut data-callback , termasuk jenis parameter dan makna fungsi panggil balik.

Sekiranya maklumat dokumen tidak mencukupi, kami dapat menyimpulkan bahawa javascriptCallback mungkin menjadi fungsi global yang ditakrifkan di bawah objek window . Oleh itu, kita boleh menentukan fungsi secara manual untuk menerima dan memproses hasil panggil balik:

 window.javascriptcallback = (... args) => {
  // Gunakan pengendali lanjutan (...) untuk menerima semua parameter console.log (args); // Cetak semua parameter untuk memudahkan pemeriksaan token
  // Andaikan bahawa token adalah parameter pertama const token = args [0]; 
  jika (token) {
    Console.log ("Dapatkan Token:", Token);
    // Gunakan token yang diperoleh
  } else {
    console.error ("token tidak diperoleh");
  }
};

Kod ini mentakrifkan fungsi anak panah yang dipanggil javascriptCallback , menggunakan pengendali lanjutan ...args menerima semua parameter, mencetak parameter untuk memeriksa sama ada token wujud. Anggapkan di sini bahawa token adalah parameter pertama, keadaan sebenar mungkin berbeza dan perlu diselaraskan mengikut dokumen perkhidmatan pihak ketiga. Akhirnya, kod menentukan sama ada token wujud dan melakukan operasi yang sepadan. Kaedah ini membolehkan anda menangkap dan menggunakan token atribut data-callback yang dikembalikan dalam JavaScript.