如何使用 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);
        }
});