jquery - 如何在 codeigniter 中制作一个简单的加一投票系统

Question

我正在尝试在我的网站上使用 jquery 制作加一投票系统。我已经构建了 html/css 结构。我有一个拇指图像，当鼠标悬停在上面时，它会变成绿色，当有人点击它时，我希望它添加 +1 并随着人们不断点击它而不断增加。

这是它的样子:

所以当有人点击它时，我想让它把数字加到加号的右边。这是我的html结构。

echo "<div id='thumb_holder'>";
echo "<div id='thumb_report'>";
echo "<a href='mailto:info@cysticlife.org'>";
echo "&#149 report";
echo "</a>";
echo "</div>";
echo "<div  class= 'thumb_counter'>";
echo "+";
echo "</div>";
echo "<div id='thumb_thumb'>";
echo "<!--PHP STUFF-->";
echo "<a class='myButtonLink' href=''></a>";
echo "</div>";
echo "</div>";

非常感谢任何关于如何实现这一目标的建议、指导或指向教程的链接。

Answer 1

首先，您不必回显所有 html 代码，只需使用 <?php ?>当您需要动态内容时。正如 dianuj 建议你需要使用 ajax。使用 jquery(为简单起见)对您的 ajax 处理公共(public)函数进行 ajax 调用，在那里处理它(例如使用 id 并增加一个计数器)，然后将一些数据返回给客户端。如果 ajax 请求成功，则使用 javascript 更新计数器。

我会给你一个从我的应用程序中摘录的例子

codeigniter 部分，在 Controller 内部我处理了一个提供 imageid 和 userid 的帖子来检查他们的权限并回显一个回应。对于更复杂的应用程序，出于各种原因，您应该使用 json。

public function changeImage(){
   if ($this->input->post('imageid')){
   .... handle imageid and userid, check for permissions, query the database..
   ...construct a $response...
   echo $response;
   }
}

在 javascript 中我使用这样的东西:

$(".dropdown-menu li a").click(function(){

..准备一个mydata数组..

        $.ajax({
                type: "POST",
                url: "<?php echo $base_url; ?>pathtocontroller/changeImage",
                data: mydata,

                success: function(data){
                        //update your counter here
                }

        });

});

我认为这回答了您关于执行此操作的一般问题。