javascript - JQuery 在 php 中接收值

Question

我尝试通过 jquery 将一些按钮值获取到 php 中。我就是这样做的。

HTML

<button class="button" name="reject" value="<?php echo $row['mail']; ?>" type="submit">reject</button>

Jquery

$(document).ready(function(){
    $('.button').click(function(){     

        var url      = window.location.href;
        var whichBtn = $(this).attr("name");
        var mail = $(this).attr("value");

        var ajaxurl = url,
        data =  {'mail': mail, 'whichBtn' : whichBtn};

        $.post(ajaxurl, data, function (response) {
            // Response div goes here.   
            alert(whichBtn);
            alert("action performed successfully");
        });
    });
});

PHP

if(isset($_POST['mail']))
     echo $_POST['mail'];

嗯，问题是 POST[mail] 没有设置，我不知道为什么......你能帮忙吗？

Answer 1

您需要将 event.preventDefault() 添加到您的点击处理程序中。由于它是一个提交按钮，因此在 Javascript 执行之前它会离开页面。试试这个:

$(document).ready(function(){
    $('.button').click(function(event){     
        event.preventDefault();
        var url      = window.location.href;
        var whichBtn = $(this).attr("name");
        var mail = $(this).attr("value");

        var ajaxurl = url,
        data =  {'mail': mail, 'whichBtn' : whichBtn};

        $.post(ajaxurl, data, function (response) {
            // Response div goes here.   
            alert(whichBtn);
            alert("action performed successfully");
        });
    });
});