Question

我正在使用jQuery Countdown Timer，我需要能够访问我的数据库并执行一些计算，然后返回结果：

$('#expireMessage').countdown({until: shortly,
    expiryText: '<div class="over">It\'s all over</div>'});

$('#expireMessageStart').click(function() {
    shortly = new Date();
    shortly.setSeconds(shortly.getSeconds() + 5.5);
    $('#expireMessage').countdown('change', {until: shortly});
});

现在，上面的代码只显示一个倒数计时器，并倒计时。当它击中时

00:00:00

它会显示一条消息“它已经结束了。”

但我需要它做的是根据数据库计算的结果显示不同的消息。

我可以做的数据库工作，但我不确定如何在使用jQuery时从数据库中检索该信息。我非常感谢你的帮助。

谢谢

Answer 1

您需要在服务器端设置一些内容以便与您通信，然后以JSON格式返回结果。这是什么取决于您的服务器端代码的编写内容。您使用的是PHP吗？ Java的？ ASP.NET？

我主要在ASP.NET工作，所以解决这个问题的一种方法是在我的页面中添加WebMethod来执行数据库查询，构建消息，将其序列化为JSON，然后将其返回给客户端。

在JavaScript中，您需要执行XMLHttpRequest（如果您使用常规JavaScript）或jQuery AJAX请求。

以下是jQuery AJAX调用的简单示例：

$.ajax({
  url: 'http://mysite.com/getmymessage',
  success: function( data ) {
      // Here's where you'd update your countdown display, but I'm just writing to the console
      console.log( 'The server says: ' + data.myDbResult );
  }
});

当Timer达到00:00:00时，用计算结果替换Timer文本

1 个答案: