php - 需要添加功能

Question

我想向我的页面添加一个简单的功能，用户将看到一个“关注”按钮，单击该按钮将创建一个数据库记录(userID 和 pageID)。我想我会在后端处理查询。我认为我需要在 AJAX 中完成它，但我没有用 AJAX 做太多事情。我还认为，当请求在后台处理时，我可以使用 jQuery 将按钮状态从 FOLLOW 更新为 FOLLOWING(或类似的内容)，并进行某种切换。

我的方向正确吗？

Answer 1

你走在正确的道路上。

我创建了一个使用像 <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;
  });

以上只是一些示例代码。随意更改。玩得开心。