01/10/2018, 09:25

[Solved] Gọi function PHP bằng button để không redirect page

PHPStorm bị bug gì đấy, copy ra folder localhost chạy ngon ơ, mất nguyên 1 ngày, đúng là cuộc đời

Chào mọi người,
Em muốn tạo 2 button là insert và select, mỗi button sẽ gọi một function PHP khác nhau và khi click button thì không bị redirect sang page PHP.
Đây là code của em và câu hỏi trong phần comment của code, mong mọi người giúp đỡ ạ
button.html

<input type='submit' class='btn' name='online' value="online" />
<input type='submit' class='btn' name='usb' value="usb" />
<div id ="resp"></div>
<script type="text/javascript">
$(document).ready(function(){
    $(".btn").click(function() {
        var btnValue = $(this).val();

        $.ajax({
            type: 'POST',
            url: 'test.php',
            data: {btnValue : btnValue},
            success: function(data)
            {
                $("#resp").html(data);
                alert(btnValue); //Vẫn hiển thị đúng value của button mình vừa click
            }
        });
    });
});
</script>

test.php

<?php
function select() {
    echo "The select function is called.";
    exit;
}

function insert() {
    echo "The insert function is called.";
    exit;
}
if (isset($_POST['btnValue'])) {
    switch ($_POST['btnValue']) {
        case 'online':
            insert();
            break;
        case 'usb':
            select();
            break;
    }
}
var_dump($_POST);
echo $_POST; 
// Chỉ hiển thị array(0) { } Array, không phải value của button
//Chứng tỏ PHP chưa nhận được giá trị từ html ???

?>
asdasdasd viết 11:37 ngày 01/10/2018

Đơn giản, mở firebug lên, xem phần params btnValue nó truyền qua cái gì.

Hải Lê Thanh viết 11:32 ngày 01/10/2018

bạn kiểm tra thử url của file js xem

Bài liên quan
0