在不刷新的情况下更改网页上文本的最佳方法

Question

我正在尝试模拟SE网站上使用的upvote / downvote系统。我的每个页面都有一个分数，用户可以通过该分数进行投票或投票。

箭头是带有onclick链接到javascript函数的图像。我需要找到一种方法来动态更改分数而不刷新页面，然后运行脚本（可能是PHP）来增加服务器数据文件中的分数。

javascript是最好的方法吗？我不是那么喜欢让用户看到我的功能来源的粉丝。

Answer 1

这只能使用Javascript。

不要担心用户看到来源; 只要服务器安全且设计精良，就不会造成任何伤害 你应该只在Javascript中实现显示和验证逻辑;必须在服务器上再次验证所有内容。

Answer 2

欢迎来到AJAX。

最简单的方法是使用jQuery及其$.ajax方法。

请参阅http://api.jquery.com/jQuery.ajax/

就像

一样简单

$('a.upvote-button').click(function() {
  $.ajax('/posts/123/upvote', {type: 'post'});
  return false;
});

Answer 3

是的，你需要javascript（或者相当不太理智的东西）才能做到这一点。也就是说，您需要一个AJAX回调。

  

我不是那么喜欢让用户看到我的功能来源的粉丝。

“功能”的客户端来源非常简单。它可以很简单：

$.post('/1234567/vote/up')

你可以使用直接链接到php脚本（并形成帖子值），如果没有javascript库，它会更多一行，但你不需要在你的javascript中公开任何有价值的东西。 / p>

Answer 4

使用javascript。 JQuery是操作屏幕内容并通过异步调用与服务器交互的绝佳选择。