如何使用ajax通过POST将按钮值发送到PHP后端？

本文的目的是在 HTML 文档中使用 AJAX 将按钮的值发送到PHP后端。

方法：在 HTML 文档中创建一个按钮并为其分配一个 Id。在 JavaScript 文件中添加一个事件监听器到按钮，即点击。然后使用 jQuery Ajax 向PHP文件发出请求。

HTML代码：

HTML

 

    
    
 
    
    
 
    
    
    

 

 
    
    
        Click On me!
    

 

JavaScript 代码：以下是“script.js”文件的代码。

Javascript

// Button DOM
let btn = document.getElementById("btn");
 
// Adding event listener to button
btn.addEventListener("click", () => {
 
    // Fetching Button value
    let btnValue = btn.value;
 
    // jQuery Ajax Post Request
    $.post('action.php', {
        btnValue: btnValue
    }, (response) => {
        // response from PHP back-end
        console.log(response);
    });
});

PHP代码：以下是“action.php”的代码。 PHP”文件。

输出：