Question

我讨厌提出这样的问题，但我一直在搜索，我找不到谷歌或者stackoverflow中我正在寻找的东西。我正在寻找一种方法来显示按钮点击的短信我知道警报（'消息'）;但我要找的是很多不同单击按钮时，我想：

不重新加载页面。
根据php函数的结果，在点击的按钮旁边显示一条非常短的1-2行消息。

超越php功能

一个例子是当你尝试 upvote你自己的问题/答案/评论时得到的堆栈溢出信息。
要决定你得到哪条消息，我必须运行一个php函数（我已经做过）并根据该函数的return值，我将显示message A或{{1} }。欢迎任何有关此事的建议/指导。

Answer 1

我认为TwitterBootstrap的以下功能是您正在寻找的：

<强> See it working here

您可以在按钮前面重新定位它，并根据您的需要设置样式。

Answer 2

要显示按钮旁边的消息，假设您正在使用jQuery（作为所有懒人）：

$('#your-button').click(function(){
    $(this).next().html('Hello World :) ');
});

这基本上会找到您点击的按钮旁边的元素（此处为＃your-button），清空其内容并将其替换为Hellow World：）。

如果您需要根据PHP脚本显示消息，则需要AJAX 。它将是这样的：

$('#your-button').click(function(){
    $.get( "myscript.php", function( data ) {
       $(this).next().html(data);
       alert( "Load was performed." );
    });       
});

Answer 3

你必须学习ajax（你可以用jquery轻松完成）。 Ajax允许您使用javascript / jquery将数据发送到服务器（php脚本）并获得响应而无需重新加载页面http://api.jquery.com/jquery.post/

$.ajax({
type: "POST",
url: url, 
data: data,
success: success,
dataType: dataType
});

此代码将调用您的php脚本（url），发送数据（例如按钮ID或其他）并将从服务器返回数据（成功）。

Answer 4

在这种情况下，AJAX是你的朋友您可以访问此link并找到BalusC的答案

Html：点击按钮时的消息

4 个答案: