Bạn không thể chạy mã PHP với JavaScript. Khi người dùng nhận trang, máy chủ sẽ đánh giá và chạy tất cả mã PHP và lấy nó ra. Vì vậy, ví dụ, điều này sẽ hoạt động:
alert[ ];
Bởi vì máy chủ sẽ đánh giá nó với điều này:
alert["Hello"];
Tuy nhiên, bạn không thể thực hiện bất kỳ hoạt động nào trong PHP với nó.
This:
function Inc[]
{
}
Sẽ đơn giản được đánh giá về điều này:
function Inc[]
{
2
}
Nếu bạn sẽ không gọi tập lệnh PHP, bạn sẽ phải gọi một trang khác sẽ trả về giá trị từ một tập hợp các tham số.
Điều này, ví dụ, sẽ hoạt động:
script.php
$num = $_POST["num"];
echo $num * 2;
JavaScript [jQuery] [trên một trang khác]:
$.post['script.php', { num: 5 }, function[result] {
alert[result];
}];
Điều này sẽ cảnh báo 10.
Chúc may mắn!
Chỉnh sửa: Chỉ cần tăng một số trên trang có thể được thực hiện dễ dàng trong jQuery như thế này: //jsfiddle.net/puvpc/
PHP đi kèm với nhiều chức năng tích hợp hơn để hoạt động với các chuỗi, mảng và các loại dữ liệu khác so với JavaScript. Do đó, việc rất nhiều người cảm thấy muốn gọi các chức năng PHP từ JavaScript là điều tự nhiên. Tuy nhiên, như bạn có thể đoán hoặc phát hiện ra, điều này không hoạt động như mong đợi.
Có thể có rất nhiều trường hợp khác mà bạn có thể muốn chạy một số mã PHP bên trong JavaScript, ví dụ, để lưu một số dữ liệu trên máy chủ của bạn. Chỉ cần đặt mã PHP bên trong JavaScript cũng sẽ không hoạt động trong trường hợp này.
Lý do bạn không thể gọi một hàm PHP từ JavaScript phải làm với thứ tự mà các ngôn ngữ này được chạy. PHP là ngôn ngữ phía máy chủ và JavaScript chủ yếu là ngôn ngữ phía máy khách.
Bất cứ khi nào bạn muốn truy cập một trang, trình duyệt sẽ gửi yêu cầu đến máy chủ, sau đó xử lý yêu cầu và tạo một số đầu ra bằng cách chạy mã PHP. Trang web đầu ra hoặc được tạo sau đó được gửi lại cho bạn. Trình duyệt thường mong đợi trang web bao gồm HTML, CSS và JavaScript. Bất kỳ PHP nào mà bạn có thể đã đặt hoặc lặp lại bên trong JavaScript sẽ chạy đã chạy hoặc sẽ không chạy hoàn toàn khi trang web tải trong trình duyệt.
Tất cả hy vọng không bị mất, mặc dù. Trong hướng dẫn này, tôi sẽ giải thích cách bạn có thể gọi các chức năng PHP từ các hàm JavaScript và JavaScript từ PHP.
Gọi chức năng PHP từ JavaScript
Chúng ta có thể sử dụng AJAX để gọi chức năng PHP trên dữ liệu được tạo bên trong trình duyệt. AJAX được sử dụng bởi rất nhiều trang web để cập nhật các phần của trang web mà không tải lại trang đầy đủ. Nó có thể cải thiện đáng kể trải nghiệm người dùng khi được thực hiện đúng.
Hãy nhớ rằng mã PHP vẫn sẽ chạy trên chính máy chủ. Chúng tôi sẽ chỉ cung cấp cho nó dữ liệu từ trong tập lệnh của chúng tôi.
Sử dụng JQuery Ajax để chạy mã PHP
Nếu bạn đang sử dụng jQuery trên trang web của mình, việc gọi bất kỳ tệp PHP nào có mã mà bạn muốn chạy trở nên dễ dàng.
Bạn có thể chuyển một hoặc hai tham số cho hàm
alert["Hello"];
alert["Hello"];
Tham số thứ hai chứa một loạt các tùy chọn cấu hình khác nhau để chỉ định dữ liệu bạn dự định xử lý và phải làm gì trong trường hợp thành công hoặc thất bại, v.v. Các tùy chọn cấu hình được truyền ở định dạng JSON.
Bạn có thể sử dụng tham số
alert["Hello"];
alert["Hello"];
Bây giờ, chúng ta hãy xem một ví dụ về yêu cầu AJAX cơ bản nơi chúng ta sẽ chuyển dữ liệu đến tệp PHP và gọi chức năng PHP
alert["Hello"];
PHP Function in JavaScript Demo
body {
font-family: 'Lato';
font-weight: 400;
font-size: 1.4rem;
}
p {
text-align: center;
margin-bottom: 4rem;
}
The United States [U.S. or US]—officially the United States of America [USA], commonly known as America—is a country primarily located in North America, consisting of 50 states, a federal district, five major self-governing territories, 326 reservations, and various possessions. At 3.8 million square miles [9.8 million square kilometers], it is the world's third- or fourth-largest country by total area. With a population of more than 328 million people, it is the third most populous country in the world. The national capital is Washington, D.C., and the most populous city is New York City.
$.ajax[{
method: "POST",
url: "wrap.php",
data: { text: $["p.unbroken"].text[] }
}]
.done[function[ response ] {
$["p.broken"].html[response];
}];
Đặt mã sau trong một tệp có tên Wrap.php trong cùng một thư mục.wrap.php in the same directory.
Hãy nhớ rằng bạn phải
alert["Hello"];
Sử dụng API tìm nạp để chạy mã PHP
Bạn cũng có thể sử dụng API tìm nạp để chạy mã PHP trên dữ liệu được thu thập bên trong trình duyệt bằng cách gửi yêu cầu POST đến máy chủ. Trong ví dụ trước, chúng tôi có thể thay thế mã AJAX bằng JavaScript sau để có kết quả tương tự.
fetch['wrap.php', {
method: 'POST',
headers: {
'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
},
body: "text=" + document.querySelector["p.unbroken"].innerText
}]
.then[response => response.text[]]
.then[data => document.querySelector["p.broken"].innerHTML = data];Giống như trong ví dụ AJAX, chúng tôi chỉ định URL và cung cấp thông tin tiêu đề bổ sung rằng chúng tôi sẽ gửi dữ liệu của chúng tôi ở dạng được mã hóa URL. Điều này cho phép chúng tôi sử dụng
alert["Hello"];
Gọi chức năng JavaScript từ PHP
Như bạn đã biết bây giờ, PHP sẽ chạy trước JavaScript khi bạn yêu cầu một trang web từ một số máy chủ. Chúng tôi cũng có thể xuất bất cứ thứ gì chúng tôi muốn hiển thị trên trang web bằng cách sử dụng
alert["Hello"];
alert["Hello"];
Dưới đây là một số mã ví dụ sẽ kiểm tra một loạt các chuỗi để tìm chỉ số của palindrom cuối cùng. Chỉ số này được lưu trữ trong một biến PHP, sau đó được chuyển đến JavaScript được viết bên trong thẻ
alert["Hello"];
alert["Hello"];