Rumah > Artikel > hujung hadapan web > javascript memanggil kaedah python
Semasa proses pembangunan bahagian hadapan, selalunya perlu menggunakan bahasa bahagian belakang untuk melaksanakan beberapa logik pengkomputeran yang kompleks atau operasi pemprosesan data. Bahasa Python mempunyai keupayaan pemprosesan data yang berkuasa dan sokongan untuk pelbagai perpustakaan, jadi ia digunakan secara meluas dalam pembangunan bahagian hadapan. Artikel ini akan memperkenalkan anda kepada cara menggunakan JavaScript untuk memanggil kaedah Python.
1. Prasyarat
Sebelum anda mula menggunakan JavaScript untuk memanggil kaedah Python, anda perlu memahami perkara berikut:
2. Bina Python backend API
Untuk mendedahkan kaedah Python kepada bahagian hadapan, kita perlu membangunkan Python backend API. Gunakan perpustakaan kelalang untuk membina API bahagian belakang Python dengan cepat. Langkah-langkah khusus adalah seperti berikut:
Masukkan arahan berikut dalam baris arahan:
pip install flask
Buat fail Python bernama app.py dalam direktori akar projek dan tulis kod berikut:
from flask import Flask, jsonify app = Flask(__name__) @app.route("/tasks/<int:task_id>", methods=['GET']) def get_task(task_id): task = { 'id': task_id, 'title': 'Task ' + str(task_id), 'description': 'Task ' + str(task_id) + ' description' } return jsonify({'task': task}) if __name__ == '__main__': app.run(debug=True)
Kod mentakrifkan antara muka API bernama get_task, dan akses laluan antara muka ialah "/tasks/58da1e685b26c03de4f232811ffb0cf1", dan kaedah permintaan antara muka ditakrifkan sebagai GET. Dalam logik khusus antara muka, kami mengembalikan objek json yang mengandungi maklumat tugas.
Jalankan arahan berikut dalam terminal untuk memulakan perkhidmatan API:
python app.py
Lawati http:// melalui pelayar atau Alat posmen, dsb. localhost:5000/tasks/1, anda boleh melihat objek json yang dikembalikan.
{ "task": { "description": "Task 1 description", "id": 1, "title": "Task 1" } }
3. JavaScript memanggil kaedah Python
Selepas menyediakan perkhidmatan API back-end Python, kami boleh memanggil kaedah Python melalui JavaScript.
Pustaka Python-shell membolehkan JavaScript berinteraksi dengan skrip Python. Masukkan arahan berikut dalam baris arahan:
npm install python-shell
Buat fail JavaScript bernama test.js dalam direktori akar projek dan tulis kod berikut:
var PythonShell = require('python-shell'); PythonShell.run('test.py', function (err, results) { if (err) throw err; console.log('Python脚本的输出为: %j', results); });
Dalam kod, kami menggunakan pustaka Python-shell untuk menjalankan skrip Python Fail test.py harus berada dalam direktori yang sama dengan fail test.js. Dalam output skrip Python, kita boleh melihat hasil yang dikembalikan daripada skrip Python.
Buat fail Python bernama test.py dalam direktori akar projek dan tulis kod berikut:
print("Hello, Python!")
Jalankan arahan berikut dalam terminal untuk memulakan skrip JavaScript:
node test.js
Kita dapat melihat bahawa konsol mengeluarkan output skrip Python: Hello, Ular sawa!.
4. JavaScript memanggil Python back-end API
Melalui langkah di atas, kami telah berjaya melaksanakan operasi JavaScript memanggil kaedah Python. Tetapi kaedah ini hanya melaksanakan skrip Python Bagaimana untuk membiarkan JavaScript berinteraksi dengan API belakang Python?
Dalam JavaScript, anda boleh menggunakan Ajax untuk menghantar permintaan kepada API bahagian belakang Python untuk mendapatkan data yang dikembalikan oleh bahagian belakang Python. Berikut ialah contoh penggunaan jQuery untuk menghantar permintaan Ajax:
$(function() { // 获取任务信息 $.ajax({ url: 'http://localhost:5000/tasks/1', cache: false, success: function(data) { console.log(data); } }); });
Dalam kod di atas, kami memperoleh maklumat tugas yang dikembalikan oleh API backend Python dengan mengakses http://localhost:5000/tasks/1 . Kita dapat melihat bahawa konsol mengeluarkan maklumat tugas yang sepadan.
Di atas ialah cara JavaScript memanggil kaedah Python. Dengan menggabungkan kuasa Python dan fleksibiliti JavaScript, kami boleh mencapai lebih banyak fungsi dan keupayaan dalam pembangunan bahagian hadapan.
Atas ialah kandungan terperinci javascript memanggil kaedah python. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!