如何使用PHP和Ajax插入数据

Question

我想在这个函数中添加数据到Mysql数据库，但是我遇到了一个问题:

我刚刚通过Attr获得了数据，并希望将其发送到控制器并显示它以确保数据正确发送。

我有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>

控制器:

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'
在Ajax中传递数据的
3. 应该是一个数组
4. 确保在Fragen类中有insertdata()函数
代码:

$.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);
}
});