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

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

---

<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>

然后 jQuery 这样处理

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

---

前端页面：

<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>

后端页面：

<?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;
    }
?>

趁早结了这个没意义的问题吧，一个问题翻来覆去的问好几遍..有意思么！