如何创建一个链接到我的数据库记录的按钮?

时间:2014-01-15 15:04:12

标签: javascript php jquery html

我目前正在构建一个基于互动按钮的网站。

网站流程:

  1. 有人使用他们的姓名,地址和唯一的用户名注册 (例如joebloggs,richardbloggs)。
  2. 注册后,他们就可以点击互动按钮。
  3. 我想要的按钮是:

    • 点击按钮后,它会自动更新一段文字
      在其下方,点击其用户名的人,例如
      'joebloggs点击了'。

    • 如果另一个人然后点击该按钮,则它会说例如
      'richardbloggs点击了'。

    关键功能是一旦点击它就会更新STRAIGHT AWAY

1 个答案:

答案 0 :(得分:0)

一般来说,你应该采用以下方式:

  1. 将事件附加到按钮,就像@Marc B建议
  2. 一样
  3. 在活动的功能中执行jQuery.ajax request,将用户名称type发送到POST将是一个好主意,用户名称在data)< / LI>
  4. 在服务器上创建一个PHP文件(例如setname.php),其中包含您用于ajax请求的URL
  5. 在PHP文件中,将名称从$_POST['name']file_put_contents取为任意文件(假设为lastbuttonclicker.txt
  6. 回到JS并创建一个运行另一个JS函数的window.setInterval(..., 1000);
  7. 在第5步的该功能中,执行另一个ajax请求(通过jQuery.ajax并通过jQuery.fn.text添加,不是jQuery.fn.html,不要使用jQuery.fn.load !!! 这样用户可以将HTML写入其他用户界面,将非常糟糕的事情)写入另一个PHP文件(例如getname.php
  8. 在那个PHP文件中只做<?php echo file_get_contents('lastbuttonclicker.txt'); ?>
  9. 但是毕竟要注意,用户可以在那里放置令人反感的名字。但这本身就是一个话题。

    编辑:您还应确保内容具有合适的长度,位于服务器端(在JavaScript中检查对于向每个客户端写入千兆字节文本的坏人没有影响你的服务器)。

    编辑2:&lt; facepalm&gt; 当然你不需要第7步,只需在步骤6中加载lastbuttonclicker.txt而不是getname.php