Chạy tập lệnh python khi nhấp vào nút javascript

Question

Bạn cần thiết lập một máy chủ web. Flask có thể được sử dụng cho mục đích đó. Vì vậy, bạn có thể tạo tập lệnh sau

Nội dung chính Show

Định nghĩa và cách sử dụng
chi tiết kỹ thuật
Nhấp vào tôi để thay đổi màu sắc của tôi
Hỗ trợ trình duyệt
JavaScript có thể chạy tập lệnh Python không?
Bạn có thể tích hợp Python với JavaScript không?
Làm cách nào để chạy Python bằng JS?
Làm cách nào để chạy tập lệnh Python trong HTML?

from datetime import datetime
from flask import Flask, redirect, request
app = Flask(__name__)

@app.route('/')
def index():
    with open('index.html') as fh:
        return fh.read()

@app.route('/update')
def update_file():
    with open('data.txt', 'w') as fh:
        fh.write(datetime.now().strftime('%H:%M:%S'))
    return redirect(request.referrer)




  
  Example

0 cung cấp trang đích của bạn được lưu trữ trong




  
  Example

1




  
  Example

Trang HTML này chứa một nút gửi đề cập đến




  
  Example

2. Trong tập lệnh máy chủ web ở trên, tuyến đường này được đăng ký với chức năng




  
  Example

3. Tại đây, bạn có thể triển khai logic của mình để phản ứng với việc nhấn nút (trong ví dụ này, nó ghi thời gian hiện tại vào




  
  Example

4 trên máy chủ). Vì tập lệnh hoạt động trên máy chủ và trình duyệt của bạn hoạt động trên máy khách, điều này chỉ hoạt động nếu đó thực sự là cùng một máy, tôi. e. nếu bạn sử dụng nó cục bộ làm giao diện cho các chương trình của mình. Nếu bạn muốn tách máy chủ và máy khách, bạn sẽ cần giới thiệu cách truyền dữ liệu

Bây giờ bạn có thể chạy máy chủ web như sau

$ FLASK_APP=script.py flask run
[...]
* Running on http://127.0.0.1:5000/ (Press CTRL+C to quit)

Bây giờ bạn có thể điều hướng đến địa chỉ được chỉ ra ở trên và bạn sẽ ở trên trang đích. Nhấn nút cập nhật tập tin

Thí dụ

Thực thi JavaScript khi nhấp vào nút

Nhấp vào đây

Tự mình thử »

Thêm ví dụ bên dưới

Định nghĩa và cách sử dụng

Sự kiện




  
  Example

5 xảy ra khi người dùng nhấp vào một phần tử HTML

cú pháp

Trong JavaScript, sử dụng phương thức addEventListener()

sự vật. addEventListener("click", myScript);

Tự mình thử »

chi tiết kỹ thuật

Bong bóng. CóCó thể hủy. Có Loại sự kiện. MouseEventSupported
Thẻ HTML. Tất cả ngoại trừ. , ,
, , ,,,,Tự mình thử »

Một ví dụ khác về cách thay đổi màu của một phần tử

Nhấp vào tôi để thay đổi màu sắc của tôi

Tự mình thử »

Nhấp để sao chép văn bản từ trường nhập liệu này sang trường nhập liệu khác

Sao chép văn bản

function myFunction() {
tài liệu. getElementById("trường2"). giá trị = tài liệu. getElementById("trường1"). giá trị;
}

Tự mình thử »

Cách gán sự kiện "onclick" cho đối tượng cửa sổ

cửa sổ. onclick = myFunction;

function myFunction() {
tài liệu. getElementsByTagName("BODY")[0]. Phong cách. backgroundColor = "vàng";
}

Tự mình thử »

Sử dụng onclick để tạo danh sách thả xuống

tài liệu. getElementById("myBtn"). onclick = function() {myFunction()};

function myFunction() {
tài liệu. getElementById("myDropdown"). danh sách lớp học. chuyển đổi ("hiển thị");
}

Tự mình thử »

Hỗ trợ trình duyệt




  
  Example

5 là tính năng DOM Cấp 2 (2001)

Nó được hỗ trợ đầy đủ trong tất cả các trình duyệt

ChromeIEEdgeFirefoxSafariOperaCó9-11CóCóCóCó

Có nhiều cách khác nhau để thực hiện, kỹ thuật rất đơn giản với sự an tâm về bảo mật, đây có thể giúp bạn

1. Trước tiên, bạn cần cài đặt Flask




  
  Example

7
trong dấu nhắc lệnh của mình, đây là một microframework của python, đừng ngại rằng bạn cần có kiến thức khác trước đó để . Nếu bạn muốn học Flask nhanh chóng cho người mới hoàn toàn thì đây là hướng dẫn mà tôi cũng học được từ Hướng dẫn Flask cho người mới bắt đầu (YouTube)

2. Tạo thư mục mới
- Tệp đầu tiên sẽ là máy chủ. p

_x000D_

_x000D_______3_x000D_

_x000D_

-thứ 2 tạo một thư mục con khác bên trong thư mục trước đó và đặt tên là tệp mẫu sẽ là tệp html của bạn
index. html

_x000D_

_x000D_______4_x000D_

_x000D_

3. Để chạy bạn mở command prompt đến thư mục New folder gõ




  
  Example

8 để chạy script, sau đó vào trình duyệt gõ




  
  Example

9 sẽ thấy nút. Bạn có thể nhấp và định tuyến đến tệp tập lệnh đích mà bạn đã tạo

Hy vọng điều này hữu ích. Cảm ơn

~ Đã trả lời vào 27-12-2018 12. 11. 51

Vì bạn đã yêu cầu một cách để hoàn thành điều này trong một trang

$ FLASK_APP=script.py flask run
[...]
* Running on http://127.0.0.1:5000/ (Press CTRL+C to quit)

0 nên tôi đang trả lời điều này. Tôi cảm thấy không cần phải đề cập đến những cảnh báo nghiêm trọng và hệ lụy đi kèm với điều này. Tôi tin rằng bạn biết tính bảo mật của tập lệnh

$ FLASK_APP=script.py flask run
[...]
* Running on http://127.0.0.1:5000/ (Press CTRL+C to quit)

1 của bạn tốt hơn tôi. -)

Tôi sẽ sử dụng hàm

$ FLASK_APP=script.py flask run
[...]
* Running on http://127.0.0.1:5000/ (Press CTRL+C to quit)

2 trong thư viện

$ FLASK_APP=script.py flask run
[...]
* Running on http://127.0.0.1:5000/ (Press CTRL+C to quit)

3. Điều này sẽ cho phép bạn gọi tập lệnh

_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        My Website_x000D_
        _x000D_
            _x000D_
        _x000D_
        _x000D_
         Click me_x000D_
_x000D_

0 của mình miễn là tập lệnh nằm trong thư mục html có thể truy cập công khai. Điều đó nói rằng đây là phần mà tôi bảo bạn chú ý đến các biện pháp phòng ngừa an ninh

thêm vao Đoa. Điều đáng chú ý là tập lệnh của bạn sẽ phải có quyền thích hợp đối với người dùng

_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        My Website_x000D_
        _x000D_
            _x000D_
        _x000D_
        _x000D_
         Click me_x000D_
_x000D_

1 để có thể chạy tập lệnh đó. Một

_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        My Website_x000D_
        _x000D_
            _x000D_
        _x000D_
        _x000D_
         Click me_x000D_
_x000D_

2, và/hoặc một

_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        My Website_x000D_
        _x000D_
            _x000D_
        _x000D_
        _x000D_
         Click me_x000D_
_x000D_

3 có thể cần thiết

JavaScript có thể chạy tập lệnh Python không?

PyScript cho phép bạn chạy tập lệnh Python ngay trong trình duyệt, song song với JavaScript , với sự tương tác hai chiều giữa mã của bạn và trang web.

Bạn có thể tích hợp Python với JavaScript không?

JS2PY hoạt động bằng cách dịch trực tiếp JavaScript sang Python . Nó chỉ ra rằng bạn có thể chạy JS trực tiếp từ mã Python mà không cần cài đặt các công cụ lớn bên ngoài như V8. Để sử dụng mô-đun, trước tiên mô-đun phải được cài đặt vào hệ thống, vì mô-đun không được tích hợp sẵn. Để sử dụng mô-đun, nó phải được nhập.

Làm cách nào để chạy Python bằng JS?

Tất cả những gì bạn cần là tạo một yêu cầu ajax cho mã python của bạn . Bạn có thể làm điều này với jquery http. //api. jquery. com/jQuery. ajax/, hoặc chỉ sử dụng javascript $. ajax({ loại. "ĐĂNG", url. "~/mã trăn. py", dữ liệu. {thông số. chữ} }). xong(hàm( o ) { // làm gì đó });