Hướng dẫn call php function from javascript with parameters - gọi hàm php từ javascript với các tham số

Tôi muốn gửi 'ID' đến chức năng JS sau đó gửi lại ID tương tự từ hàm JS đến chức năng PHP. Vui lòng cho tôi biết những gì sai trong mã của tôi!

Đã hỏi ngày 3 tháng 10 năm 2013 lúc 0:54Oct 3, 2013 at 0:54

4

Bạn cần sử dụng Ajax, thật dễ dàng với JQuery hoặc một thư viện khác, vì vậy tôi sẽ trình diễn với JQuery.

JavaScript

var deleteClient = function(id) {
    $.ajax({
        url: 'path/to/php/file',
        type: 'POST',
        data: {id:id},
        success: function(data) {
            console.log(data); // Inspect this in your console
        }
    });
};

Tệp PHP

Thông tin thêm: jQuery.ajax ()

Đã trả lời ngày 3 tháng 10 năm 2013 lúc 1:00Oct 3, 2013 at 1:00

0

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 ajax(). Khi hai tham số được truyền, cái đầu tiên sẽ là URL của trang web nơi trình duyệt sẽ gửi yêu cầu của bạn. Khi bạn chỉ chuyển một tham số cho ajax(), URL sẽ được chỉ định trong cấu hình.

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ố method để chỉ định phương thức HTTP nên được sử dụng để thực hiện yêu cầu. Chúng tôi sẽ đặt nó thành

var deleteClient = function(id) {
    $.ajax({
        url: 'path/to/php/file',
        type: 'POST',
        data: {id:id},
        success: function(data) {
            console.log(data); // Inspect this in your console
        }
    });
};

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

var deleteClient = function(id) {
    $.ajax({
        url: 'path/to/php/file',
        type: 'POST',
        data: {id:id},
        success: function(data) {
            console.log(data); // Inspect this in your console
        }
    });
};

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.

Đặ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.

");
echo $output;
?>

Hãy nhớ rằng bạn phải

var deleteClient = function(id) {
    $.ajax({
        url: 'path/to/php/file',
        type: 'POST',
        data: {id:id},
        success: function(data) {
            console.log(data); // Inspect this in your console
        }
    });
};

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

var deleteClient = function(id) {
    $.ajax({
        url: 'path/to/php/file',
        type: 'POST',
        data: {id:id},
        success: function(data) {
            console.log(data); // Inspect this in your console
        }
    });
};

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

var deleteClient = function(id) {
    $.ajax({
        url: 'path/to/php/file',
        type: 'POST',
        data: {id:id},
        success: function(data) {
            console.log(data); // Inspect this in your console
        }
    });
};

var deleteClient = function(id) {
    $.ajax({
        url: 'path/to/php/file',
        type: 'POST',
        data: {id:id},
        success: function(data) {
            console.log(data); // Inspect this in your console
        }
    });
};

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ẻ

var deleteClient = function(id) {
    $.ajax({
        url: 'path/to/php/file',
        type: 'POST',
        data: {id:id},
        success: function(data) {
            console.log(data); // Inspect this in your console
        }
    });
};

var deleteClient = function(id) {
    $.ajax({
        url: 'path/to/php/file',
        type: 'POST',
        data: {id:id},
        success: function(data) {
            console.log(data); // Inspect this in your console
        }
    });
};

'.ucfirst($word).'
';
$pal_index += 1;
}
?>

Ví dụ trên cho thấy cách bạn có thể chuyển dữ liệu từ PHP sang JavaScript bằng cách đơn giản lặp lại nó. Chỉ cần đảm bảo rằng mã bạn lặp lại là JavaScript hợp lệ.

Sự kết luận

Chúng ta đều biết rằng PHP chạy trên máy chủ và JavaScript thường chạy trong trình duyệt. Vì cả hai thực thi vào các thời điểm khác nhau, bạn không thể gọi các hàm từ ngôn ngữ này trong một ngôn ngữ khác và mong đợi mã hoạt động. Tuy nhiên, có nhiều cách để giải quyết vấn đề đó, cho phép trao đổi thông tin giữa PHP và JavaScript.

Để tóm tắt, bạn có thể sử dụng AJAX khi bạn muốn gọi hàm PHP từ JavaScript hoặc chạy mã PHP trên một số dữ liệu được tạo bên trong trình duyệt. Bạn có thể sử dụng Echo trong PHP để xuất mã JavaScript sẽ chạy sau trong trình duyệt của máy khách. Nếu bạn có bất kỳ câu hỏi về bài viết, xin vui lòng cho tôi biết trong các ý kiến.

Tìm hiểu PHP với một khóa học trực tuyến miễn phí

Nếu bạn muốn học PHP, hãy xem khóa học trực tuyến miễn phí của chúng tôi về các nguyên tắc cơ bản của PHP!

Trong khóa học này, bạn sẽ tìm hiểu các nguyên tắc cơ bản của lập trình PHP. Bạn sẽ bắt đầu với những điều cơ bản, tìm hiểu cách PHP hoạt động và viết các vòng và chức năng PHP đơn giản. Sau đó, bạn sẽ xây dựng thành các lớp mã hóa cho lập trình hướng đối tượng đơn giản (OOP). Trên đường đi, bạn sẽ tìm hiểu tất cả các kỹ năng quan trọng nhất để viết ứng dụng cho web: bạn sẽ có cơ hội thực hành trả lời để nhận và đăng yêu cầu, phân tích cú pháp JSON, xác thực người dùng và sử dụng cơ sở dữ liệu MySQL.

Bạn có thấy bài đăng này hữu ích?

Freelancer, người hướng dẫn

Tôi là một nhà phát triển đầy đủ, người cũng thích viết các hướng dẫn. Sau khi thử một loạt những điều cho đến năm thứ hai của đại học, tôi quyết định làm việc về các kỹ năng phát triển web của mình. Bắt đầu chỉ với HTML và CSS, tôi tiếp tục tiến về phía trước và có được kinh nghiệm trong PHP, JavaScript và Python. Tôi thường dành thời gian rảnh của mình hoặc làm việc cho một số dự án phụ hoặc đi du lịch xung quanh.

Tôi có thể gọi chức năng PHP từ JavaScript không?

Làm cách nào để chuyển các biến và dữ liệu từ JavaScript sang PHP?

JavaScript có tương tác với PHP không?

Làm thế nào để bạn gọi một chức năng trong PHP?