首页 > 后端开发 > php教程 > javascript - 在一个页面有很多个button,怎么用 js控制button响应后端的php不同的action

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

WBOY
发布: 2016-06-06 20:48:04
原创
1195 人浏览过

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

回复内容:

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

前端页面:

1

2

3

4

5

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

登录后复制

后端页面:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

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

登录后复制

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

1

2

3

4

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

登录后复制

然后 jQuery 这样处理

1

2

3

4

5

6

7

<code>$('.action').on('click', function() {

    var action = $(this).data('action');

    $.get(action, function(data) {

        // do something with data.

    });

});

</code>

登录后复制
相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板