如何从模式PHP代码点火器插入数据

Question

我有一个模式形式(简单(，我想插入到我的BD中，但我没有得到预期的结果

modalview

这是调用我的模式的按钮：

<button type='button' class='btn btn-info'  data-toggle="modal" data-target="#modal-default-cliente"><span class='fa fa-plus'></span></button>  

这是我的模式：

<div class="modal fade" id="modal-default-cliente">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span></button>
<h4 class="modal-title">Agregar Usuario</h4>
</div>
<div class="modal-body">
<form  method="POST" id="clienteform">
<div class="form-group">
<label for="nombrecompleto">Nombre Completo:</label>
<input type="text" class="form-control" name="nombremodal" id="nombremodal" required="required">
</div>
<div class="form-group">
<label for="telefono">Teléfono:</label>
<input type="text" class="form-control" name="telefonomodal" id="telefonomodal">
</div>
<div class="form-group">
<label for="direccion">Dirección:</label>
<input type="text" class="form-control" name="direccionmodal" id="direccionmodal">
</div>
<div class="form-group">
<input type="submit" name="action" class="btn btn-success" value="Guardar">
</div>
</form>          
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary pull-right" data-dismiss="modal">Cerrar</button>
</div>
</div>            
</div>        
</div>

这是我的Javascript代码，顺便说一下，表单的参数到达

$(document).on("submit", "#clienteform", function(event){
event.preventDefault();
var nombre = $("#nombremodal").val();
var telefono = $("#telefonomodal").val();
var direccion = $("#direccionmodal").val();   
$.ajax({
url: base_url+"mantenimiento/Ventas/agregarClientemodal", 
method:'POST',
success: function(data){
alert(data);
$("#modal-default-cliente").modal("hide");
}
});
});

这是我在"Ventas"控制器中的操作：

public function agregarClientemodal(){
$data = array(
'Nombre' => $this->input->post("nombremodal") ,
'Telefono' => $this->input->post("telefonomodal"),
'Direccion' => $this->input->post("direccionmodal"),
'Estado' => "1"
);
$this->Ventas_model->agregarClientemodal($data);           
}

最后是我在销售模型中的功能：

public function agregarUsuariomodal($data){
return $this->db->insert("Clientes",$data);
}

我是Codeigniter的新手，当我点击保存按钮时，我的模式窗口不会进行

预期行为：保存记录并隐藏模式

获得的行为：点击提交没有任何

我做错了什么？我需要验证什么？有什么能帮我的吗？

Answer 1

希望这将帮助您：

使用var formdata = $(this).serialize();将form post值与ajax的data一起传递，并将site_url()用于URL

你的ajax应该是这样的：

$(document).ready(function(){
$("#clienteform").on("submit", function(event){
event.preventDefault();
var formdata = $(this).serialize();
$.ajax({
url: '<?=site_url("mantenimiento/Ventas/agregarClientemodal");?>', 
method:'POST',
data : formdata,
success: function(data)
{
alert(data);
$("#modal-default-cliente").modal("hide");
}
});
});
});

你的agregarClientemodal方法应该是这样的：

public function agregarClientemodal()
{
$data = array(
'Nombre' => $this->input->post("nombremodal") ,
'Telefono' => $this->input->post("telefonomodal"),
'Direccion' => $this->input->post("direccionmodal"),
'Estado' => "1"
);
$this->Ventas_model->agregarClientemodal($data);
echo "success";
exit;
}

Answer 2

您的base_url变量未在javascript/jquery中定义。

因此，您需要将该行更改为：

$.ajax({
url: '<?php echo base_url("mantenimiento/Ventas/agregarClientemodal");?>', 
method:'POST',
success: function(data){
alert(data);
$("#modal-default-cliente").modal("hide");
}
});

它将生成正确的url。

此外，您还可以查看控制台中的错误日志。