javascript - 在一个页面有很多个button，怎么用 js控制button响应后端的php不同的action

<code><button onclick="request('do.php?act=what')">What</button>
<button onclick="request('do.php?act=hell')">Hell</button>
<button onclick="request('do.php?act=you')">You</button>
<button onclick="request('do.php?act=ask')">ask</button>
</code>

<code><?php switch($_GET['act']) {
        case 'what':
            /*
             * do sth from what
             */
        break;
        case 'hell':
            /*
             * do sth from hell
             */
        break;
        case 'you':
            /*
             * do sth from you
             */
        break;
        case 'ask':
            /*
             * do sth from ask
             */
        break;
    }
?>
</code>

<code><button class="action" data-action="action1.php">Action1</button>
<button class="action" data-action="action2.php">Action2</button>
<button class="action" data-action="action3.php">Action3</button>
</code>

<code>$('.action').on('click', function() {
    var action = $(this).data('action');
    $.get(action, function(data) {
        // do something with data.
    });
});
</code>