ホームページ > バックエンド開発 > PHPチュートリアル > javascript - 在一个页面有很多个button,怎么用 js控制button响应后端的php不同的action

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

WBOY
リリース: 2016-06-06 20:48:04
オリジナル
1174 人が閲覧しました

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

回复内容:

在一个页面有很多个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>
ログイン後にコピー

然后 jQuery 这样处理

<code>$('.action').on('click', function() {
    var action = $(this).data('action');
    $.get(action, function(data) {
        // do something with data.
    });
});
</code>
ログイン後にコピー
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート