Hướng dẫn ajax pass value to php - ajax chuyển giá trị cho php

Kể từ 3 ngày, tôi đang cố gắng hết sức để có được giải pháp từ AJAX & PHP, tôi đã thử tất cả các hướng dẫn nhưng tôi không thể có được giải pháp, tôi mới sử dụng AJAX, JQuery nhưng câu hỏi của tôi thực sự đơn giản với tất cả các bạn.

Tôi đã phát triển trang web bằng JQuery & PHP, tôi đã tạo menu bằng cách sử dụng HTML (UL, LI) vì vậy điều tôi muốn là, nếu tôi nhấp vào mục Menu AJAX nên gửi giá trị đến biến PHP và sau đó thực thi chức năng PHP, nhưng tất cả điều này sẽ xảy ra trong cùng một trang, ..

Xin hãy giúp tôi giải quyết các vấn đề.

Cho đến nay, tôi đã thử như sau:

JavaScript:

PHP và HTML:

    



    1
    2
    3

Vì vậy, nếu tôi nhấp vào HREF, tôi sẽ nhận được giá trị cho biến PHP, nó chỉ xảy ra trong cùng một trang

Trong hướng dẫn hôm nay, tôi sẽ chỉ cho bạn, cách truyền dữ liệu với AJAX cho tệp PHP và xử lý nó. Sử dụng phương pháp này, bạn có thể truy xuất dữ liệu từ cơ sở dữ liệu và chạy các tập lệnh PHP khác bằng cách sử dụng các giá trị của các biểu mẫu và trường.

Vì lợi ích của hướng dẫn này, chúng tôi sẽ tạo ra một máy tính nhỏ, cộng hai số lại với nhau. Thông thường, khi bạn tạo một cái gì đó như thế này, bạn sẽ tạo một biểu mẫu và khi gửi lại trang. Không phải lúc này. Chúng tôi sẽ sử dụng AJAX để thu thập và gửi dữ liệu từ các biểu mẫu đến tệp PHP, nơi chúng tôi xử lý nó và sau đó trả về kết quả bằng AJAX.

Tạo HTML

 +

 = 

Trong mã trên, chúng tôi tạo hai đầu vào văn bản, một nút và một div trống. Chúng tôi sẽ xử lý các giá trị của hai trường, khi nhấn nút và kết quả sẽ xuất hiện trên kết quả Div.

Nhận và truyền dữ liệu với Ajax

Đầu tiên, chúng tôi cần đưa jQuery vào tài liệu của chúng tôi.

Bây giờ chúng tôi có biểu mẫu và jQuery bao gồm trong tài liệu của chúng tôi, chúng tôi cần lưu trữ các giá trị của nó trong 2 biến, (Val1 và Val2) để sau đó chúng tôi có thể chuyển nó đến tệp PHP để xử lý nó.

$('#button').click(function() {
    var val1 = $('#text1').val();
    var val2 = $('#text2').val();
    $.ajax({
        type: 'POST',
        url: 'process.php',
        data: { text1: val1, text2: val2 },
        success: function(response) {
            $('#result').html(response);
        }
    });
});

Như bạn có thể thấy trong mã ở trên, chúng tôi tạo một sự kiện .click. Điều này có nghĩa là khi nút có ID của #Button là nhấp chuột, chức năng ra sẽ chạy. Sau đó, chúng tôi nhận được giá trị của từng trường văn bản và lưu trữ nó trong Val1 và Val2..click event. This means that when the button with the ID of #button is click, out function will run. Then we get the value of each text field and store it in val1 and val2.

Sau khi chúng tôi có các giá trị, chúng tôi tạo ra một phương thức $ .ajax. Phương pháp này có 4 tham số.

• loại hình
• URL
• dữ liệu
• thành công

Loại là cách chúng tôi gửi dữ liệu đến tệp PHP. Nếu chúng tôi sử dụng POST thì trong tệp PHP, chúng tôi sử dụng $ _POST [[]] để nhận giá trị. Nếu chúng tôi sử dụng thì chúng tôi sử dụng $ _GET []type is the way we send out data to the php file. If we use POST then in the PHP file, we use $_POST[”] to get the value. If we use GET then we use $_GET[]

URL về cơ bản là tệp chúng tôi muốn gửi dữ liệu đến. Trong trường hợp của chúng tôi, nó quá trình.phpURL is basically the file we want to send the data to. In our case it’s process.php

Dữ liệu lưu trữ dữ liệu của chúng tôi. Trong trường hợp của chúng tôi, Text1: Val1. Điều này có nghĩa là nếu chúng ta sử dụng $ _POST [‘text1,] trong tệp PHP, chúng ta sẽ nhận được giá trị của val1, đó là trường mà trường văn bản đầu tiên chứa.data store our data. in our case, text1: val1. This means that if we use $_POST[‘text1’] in the PHP file, we will get the value of the val1 which is what the first text field contains.

Và sau đó, thành công là những gì sẽ xảy ra nếu tất cả những điều này đã thành công. Trong trường hợp này, nó sẽ trả về những gì được hiển thị trên tệp PHP.Success is what will happen if all this succeeded. In this case, it will return what was displayed on in PHP file.

Tạo tệp PHP

Trong quá trình.php, chúng tôi sẽ có 3 dòng. Hai cái đầu tiên sẽ nhận được các giá trị, của các trường, được truyền qua, Text1: val1 và text2: val2. & nbsp; và như tôi đã đề cập ở trên, chúng tôi có bài đăng dưới dạng loại, vì vậy chúng tôi sẽ sử dụng $ _post [] để nhận được giá trị.text1:val1 and text2:val2. And as I mentioned above, we have POST as type, so we will use $_POST[] to get the values.

$text1 = $_POST['text1'];
$text2 = $_POST['text2'];
echo $text1 + $text2;

Và sau đó chúng tôi lặp lại giá trị của trường thứ nhất cộng với cái thứ hai. Đây là những gì thành công của chúng tôi sẽ trở lại. Tất nhiên, bạn có thể đi xa hơn nhiều sau đó. Đây chỉ là một ví dụ về cách nó hoạt động.“success” will return. Of course, you can go much further then this. This is just an example of how it works.

Nếu bạn thích hướng dẫn này và học được điều gì đó từ nó, xin vui lòng xem xét chia sẻ nó với bạn bè và người theo dõi! Cũng đăng ký nhận bản tin của tôi để có được hướng dẫn tuyệt vời hơn mỗi tuần!

Làm cách nào để chuyển giá trị cho tập lệnh PHP bằng AJAX?

Làm thế nào để vượt qua giá trị trong ajax?

Làm cách nào để chuyển giá trị từ trang này sang trang khác trong Ajax?

Tại sao sử dụng AJAX trong PHP?