添加ajax代码时，错误不计算cliks

Question

当我添加ajax代码以保存到服务器时，它不会计算我的点击次数。

我有3个按钮，每个按钮表示一种错误：

<button id="E1_<?= $c['code'] ?>">Type error 1</button>
<button id="E2_<?= $c['code'] ?>">Type error 2</button>
<button id="E3_<?= $c['code'] ?>">Type error 3</button>

这是我的表：

  CREATE TABLE button_check
   (
      code varchar(255),
      button_1 int(11),
      button_2 int(11),
      button_3 int(11)
   );

切换点击功能

$(function()
 {

 jQuery.fn.clickToggle = function(d,c){
    function cb(){ [d,c][this._tog^=1].call(this); }
    return this.on("click", cb);
 };

var all_errors = {'E1':0,'E2':0,'E3':0};

var btn1 = false;
btn2 = false;
btn3 = false;

  $("[id^='E1_']").clickToggle(function(){
    all_errors.E1++;
    console.log(all_errors);
},function(){
    if(all_errors .E1 > 0) all_errors .E1--;
});


    $("[id^='E2_']").clickToggle(function(){
    all_errors.E2++;
    console.log(all_errors);
},function(){
    if(all_errors .E2 > 0) all_errors .E2--;
});

 $("[id^='E3_']").clickToggle(function(){
    all_errors.E3++;
    console.log(all_errors);
},function(){
    if(all_errors .E3 > 0) all_errors .E3--;
});



  $.ajax({ url: 'data_insert.php',
   data: {id: value,value: all_errors},
   type: 'post',
   success: function(output) {
     console.log(output);
   }

});

data_insert.php：    

    $servername = "localhost";
    $username = "username";
    $password = "password";
    $dbname = "myDB";
    $id = $_POST['id'];
    $value = $_POST['value'];
    try {      
    $conn = new PDO("mysql:host=$servername;dbname=$dbname", $username,  $password);

    $sql = "INSERT INTO button_check (code,button_1, button_2,button_3) VALUES ('$code','$btn1', 'btn2', 'btn3')";
    $conn->exec($sql);
    catch(PDOException $e)
     {
      echo $sql . "<br>" . $e->getMessage();
     }
    } 

。 enter image description here 我需要帮助。非常感谢。

Answer 1

我试图重新创建您的情况并在本地进行测试。 clickToggle的代码与您告诉我们您想要做的事情无关。试试这段代码：

<强>的script.js

r'\b'

这是E1按钮的代码段。

<强> data_insert.php

'\b'