Question

我想在我的页面中添加一个简单的功能，用户将看到一个“跟随”按钮，然后通过单击它将创建一个db记录（userID和pageID）。我想，我会在后端处理查询。我想我需要在AJAX中做到这一点，但我对AJAX做的并不多。我也在考虑将按钮状态从FOLLOW更新为FOLLOWING（或类似的东西），我可以使用jQuery进行某种切换，而请求正在后台处理。

我是否在正确的轨道上？

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;
  });

上面只是一些示例代码。根据您的意愿改变它。玩得开心。

Answer 2

AJAX是对的，jQuery使ajax变得简单。

//Post with jQuery (call test.php):
$.post('test.php', function(data) {
  //Do something with result data
});

Answer 3

听起来你在这里是正确的轨道。如果您正在使用较小的应用程序，那么使用AJAX请求并创建记录将是最简单的使用Java servlet并在doGet或doPost方法中放置一些JDBC代码来执行数据库操作。同时，您的AJAX请求的onSuccess方法可以调用更新按钮所需的jQuery代码。祝好运！

需要添加功能

3 个答案: