2012-01-23 77 views
1

我有这个页面让用户决定是或否。所以我使用Jquery Ajax,这样用户就不必刷新他的页面。我已经提供了该按钮,因此用户可以选择“是”,并立即将按钮更改为“否”。jquery ajax切换类

我在mysql中代表'0'和'1'来表示'否'和'是'。所以当用户点击按钮时,mysql会更新记录'1'或'0'。

我设法通过第一次点击来更新mysql,但当第二次点击时,mysql不会接受订单。

这里是我的jQuery的Ajax代码:

<script type="text/javascript"> 
       $("document").ready(function() 
        { 
         $(".roundbox_blue").click(function() 
         { 

           $(this).toggleClass("roundbox_orange roundbox_blue"); 
           var element = $(this); 
           var noteid = element.attr("value"); 
           var info = "report="+noteid; 


           $.ajax({ 
            type: "POST", 
            url: "mcr_external_gen.php", 
            data: info, 
            success: function(msg){ 

            } 
           }); 



         }); 

         $(".roundbox_orange").click(function() 
         { 

           $(this).toggleClass("roundbox_blue roundbox_orange"); 
           var element = $(this); 
           var noteid = element.attr("value"); 
           var info = "not_report="+noteid; 


           $.ajax({ 
            type: "POST", 
            url: "mcr_external_gen.php", 
            data: info, 
            success: function(msg){ 

            } 
           }); 



         }); 
        }); 
      </script> 

然后,我有这样的代码,为用户点击:

<div class="show"> 
       <button class="roundbox_blue" value="1"> Click </button> 
       <button class="roundbox_blue" value="2"> Click </button> 
      </div> 

的PHP代码,将解析AJAX查询是这样的:

if(isset($_POST['report'])) 
{ 

    $line_id = $_POST['report']; 

    $Portal->LoginDB('test'); 
    mysql_query('UPDATE `ajax` SET `report` = "1" WHERE `id`="'.$line_id.'"'); 



} 
if(isset($_POST['not_report'])) 
{ 

    $line_id = $_POST['not_report']; 

    $Portal->LoginDB('test'); 
    mysql_query('UPDATE `ajax` SET `report` = "0" WHERE `id`="'.$line_id.'"'); 



} 

我面临的问题是,一旦用户单击按钮,mysql确实更新记录,但是,w如果用户第二次点击该按钮(意味着取消),mysql没有相应更新记录。

我很感激,如果你们能帮助我在这里..

回答

0

你只钩住DOC负载的蓝色框。

0

变化类第二按钮的,

<div class="show"> 
       <button class="roundbox_blue" value="1"> Click </button> 
       <button class="roundbox_orange" value="2"> Click </button> 
      </div>