Nếu bạn muốn chạy cùng một JavaScript trên một số trang trong một trang web, bạn nên tạo một tệp JavaScript bên ngoài, thay vì viết đi viết lại cùng một tập lệnh. Lưu tệp tập lệnh bằng một. js, sau đó tham khảo nó bằng cách sử dụng thuộc tính
// Other HTML tags omitted for clarity
// Other HTML tags omitted for clarity
Nếu bạn đang sử dụng các tệp PHP để hiển thị các trang web của mình thì bạn có thể gọi hàm PHP từ JavaScript bằng cách gọi hàm PHP
// Other HTML tags omitted for clarity
Giả sử bạn có một tệp
// Other HTML tags omitted for clarity
Sau đó, bạn viết nội dung HTML của mình ngay bên dưới hàm như sau
// Other HTML tags omitted for clarity
Bạn có thể bao gồm thẻ
// Other HTML tags omitted for clarity
// Other HTML tags omitted for clarity
const result = ;
document.getElementById["header"].innerHTML = result;
Khi bạn mở tệp
// Other HTML tags omitted for clarity
8
const result = 8;
document.getElementById["header"].innerHTML = result;
Bất kỳ mã PHP nào bạn đưa vào trong trang HTML của mình sẽ được xử lý ở phía máy chủ trước khi được cung cấp cho trình duyệt
Khi bạn gọi một hàm PHP nội tuyến từ JavaScript như được hiển thị ở trên, bạn không thể sử dụng các giá trị động từ đầu vào của người dùng
Nếu bạn muốn gọi hàm PHP như một phản hồi đối với hành động của người dùng, thì bạn cần gửi yêu cầu HTTP từ JavaScript tới tệp PHP. Hãy tìm hiểu điều đó tiếp theo
Gọi hàm PHP từ JavaScript qua yêu cầu HTTP
Để gửi yêu cầu HTTP từ JavaScript đến máy chủ PHP, bạn cần thực hiện như sau
- tách tệp PHP của bạn khỏi tệp HTML của bạn
- Gọi hàm PHP qua yêu cầu HTTP bằng phương pháp JavaScript
0// Other HTML tags omitted for clarity
Đầu tiên, tách chức năng PHP của bạn trong một tệp khác. Hãy gọi tệp
// Other HTML tags omitted for clarity
________số 8
Tiếp theo, tạo một tệp
// Other HTML tags omitted for clarity
// Other HTML tags omitted for clarity
Phương thức
// Other HTML tags omitted for clarity
// Other HTML tags omitted for clarity
const result = ;
document.getElementById["header"].innerHTML = result;
const result = ;
document.getElementById["header"].innerHTML = result;
Trong đoạn mã trên, tôi đã sử dụng URL đầy đủ của
// Other HTML tags omitted for clarity
const result = ;
document.getElementById["header"].innerHTML = result;
Khi tệp của bạn đã sẵn sàng, hãy mở tệp
// Other HTML tags omitted for clarity
Bạn có thể chạy máy chủ PHP cục bộ bằng lệnh
const result = ;
document.getElementById["header"].innerHTML = result;
const result = ;
document.getElementById["header"].innerHTML = result;
Khi bạn nhấp vào nút, phương thức
// Other HTML tags omitted for clarity
const result = ;
document.getElementById["header"].innerHTML = result;
HTML kết quả sẽ như sau
// Other HTML tags omitted for clarity
Bây giờ mã của bạn đang hoạt động, bạn có thể thêm các phần tử
const result = ;
document.getElementById["header"].innerHTML = result;
8
const result = 8;
document.getElementById["header"].innerHTML = result;
8
const result = 8;
document.getElementById["header"].innerHTML = result;
Và đó là hai cách bạn có thể gọi hàm PHP từ JavaScript. Thông thường, bạn muốn tách các tệp PHP khỏi các tệp JavaScript của mình và gọi hàm PHP bằng các yêu cầu HTTP
Mô hình tương tự cũng hoạt động khi bạn đang phát triển ứng dụng web bằng khung PHP hiện đại như Laravel và các thư viện JavaScript hiện đại như React và Vue
Bạn có thể sử dụng phương thức
// Other HTML tags omitted for clarity
const result = ;
document.getElementById["header"].innerHTML = result;