Jquery 如何在CodeIgniter中创建一个简单的加一投票系统

我正试图在我的网站上用jquery创建一个加号1投票系统。我已经构建了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>";

echo”“；
回声“；
回声“；
回声“；
回声“；
回声“+”；
回声“；
回声“；
回声“；
回声“；
回声“；
回声“；

---

对于如何实现这一目标的任何建议、指导或教程链接，我们将不胜感激

首先，您不必回显所有html代码，只要在需要动态内容时使用

。正如dianuj所建议的，您需要使用ajax。使用jquery（为了简单起见）调用ajax处理公共函数，在那里处理它（例如使用id和递增计数器），然后将一些数据返回给客户端。如果ajax请求成功，则使用javascript更新计数器

我给你举一个我的应用程序的例子

控制器内的codeigniter部件 我处理一个post，该post提供一个imageid和用户ID来检查他们的权限和回显 回答。对于更复杂的应用程序，出于各种原因，您应该使用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
                }

        });

$.ajax({
类型：“POST”，
url:“pathtocontroller/changeImage”，
数据：mydata，
成功：功能（数据）{
//在此更新您的计数器
}
});

}))

---

我想这就回答了您的一般问题。

您需要使用

ajax

您对PHP、MYSQL、ajax和JQUERY的熟练程度如何？你可能需要这些。