如何使用 PHP 和 Ajax 插入數據

Question

我想在這個 function 中將數據添加到 Mysql 數據庫中，但是我遇到了一個問題：

我剛剛通過 Attr 獲取數據，並希望將其發送到 controller 並顯示它以確保數據已正確發送。

我的 controller 中有 2 個回聲，但它們都沒有顯示，盡管開始時屏幕上顯示了 2 個警報。 非常感謝，如果我的英語不好，請見諒。

腳本：

    <script>
$("body").on("click", "button", function (event) {
    var datavalue = $(this).attr('data-value');
    var dataetape = $(this).attr('data-etape');
    alert(datavalue);
    alert(dataetape);
      
      
      $.ajax({  
    type: 'POST',  
    url: "<?= base_url("fragen/insertdata")?>",
    data: datavalue,dataetape,
        success: function(data){
           $(".datavalue"+datavalue).html(data); 
           $(".dataetape"+dataetape).html(data);
        }
});

});
</script>

Controller：

     public function insertdata(){
     
                $datavalue = $this->input->get('datavalue');
                $dataetape = $this->input->get('dataetape');
              
                echo $datavalue;
                echo $dataetape;

    }

看法：

 <form id="myform" action="" method="post">
  <div class="tab-content">
    <div id="frage1" class="container tab-pane active"><br>
      <h3>Frage 1</h3>
      <p>Wie stehst Du zum Ausbau der Fahrrad-Infrastruktur?</p>
      <div class="row"> <div class="col-lg-8"><button data-value="1" data-etape="1"  data-toggle="tab"   href="#frage2"  type="button" class="btn btn-outline-info btn-lg btn-block auswahl">Hier muss investiert werden.</button></div></div>
      <div class="row"><div class="col-lg-8"><button data-toggle="tab"  data-value="2" data-etape="1" onclick="myFunction()" id="sub"  href="#frage2" class="btn btn-outline-info btn-lg btn-block auswahl" >Ich bin für den Ausbau.</button></div></div>
      <div class="row"><div class="col-lg-8"><button data-toggle="tab" data-value="3" data-etape="1" onclick="myFunction()" id="sub" href="#frage2" class="btn btn-outline-info btn-lg btn-block auswahl" >Ich bin für bedarfsorientierten Ausbau.</button></div></div>
      <div class="row"><div class="col-lg-8"><button data-toggle="tab" data-value="4" data-etape="1" onclick="myFunction()" id="sub" href="#frage2" class="btn btn-outline-info btn-lg btn-block auswahl" >Ich bin gegen den Ausbau.</button></div></div>
    </div>

Answer 1

請執行下列操作

1. 替換這一行 url: "", 用這個 url: "",
2. 確保您得到 html 作為響應添加以下行數據類型：'html'
3. 在 Ajax 中傳遞數據應該是一個數組
4. 確保在 Fragen class 內有 insertdata() function

代碼：

$.ajax({  
    type: 'POST',  
    url: "<?= base_url('fragen/insertdata')?>",
    dataType: 'html',
    data: {
             datavalue: datavalue,
             dataetape: datatape
        },
        success: function(data){
           $(".datavalue"+datavalue).html(data); 
           $(".dataetape"+dataetape).html(data);
        }
});