我想向我的页面添加一个简单的功能,用户将看到一个“关注”按钮,单击该按钮将创建一个数据库记录(userID 和 pageID)。我想我会在后端处理查询。我认为我需要在 AJAX 中完成它,但我没有用 AJAX 做太多事情。我还认为,当请求在后台处理时,我可以使用 jQuery 将按钮状态从 FOLLOW 更新为 FOLLOWING(或类似的内容),并进行某种切换。
我的方向正确吗?
最佳答案
你走在正确的道路上。
我创建了一个使用像 <input type="image" class="follow">
这样的按钮的示例。当我用户点击它时,它会向服务器(url)发送一个请求。成功后,它会更新按钮图像。
$('input[type=image].follow').click(function() {
var button = $(this);
var current_img = $(button).attr('src');
var current_alt = $(button).attr('alt');
$(button).attr('src', '/style/icons/ajax-loader.gif');
$(button).attr('alt', 'Requesting data from the server...');
$.ajax({
url: url of script the processes stuff (like db update),
type: 'POST',
data: {},
dataType: "json",
error: function(req, resulttype, exc)
{
$(button).attr('src', '/style/error.png');
$(button).attr('alt', 'Error while updating!');
window.setTimeout(function() {
$(button).attr('src', current_img);
$(button).attr('alt', current_alt);
}, 3000);
},
success: function(data)
{
$(button).attr('src', '/style/followed.png');
$(button).attr('alt', 'Followed');
}
});
return false;
});
以上只是一些示例代码。随意更改。玩得开心。
关于php - 需要添加功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4424884/