使用$.ajax发布多个复选框
post multiple checkbox with $.ajax
我试图用ajax发布一个包含输入文本、文本区域和14复选框的表单。其想法是根据选中复选框的数量将一些数据插入到表dbdata中。
这是script.js:
$(document).on('click', '#save', function(event) {
//action
var url = "aksi.php";
//an input text
var v_id = $('input:text[name=id]').val();
//a textarea
var v_note = $('#note').val();
//some checkboxes
var v_checkbox =[]
$("input[name='checkbox[]']:checked").each(function ()
{
v_checkbox.push(parseInt($(this).val()));
});
//ajax
$.ajax({
url: url,
type: "POST",
data: {id: v_id,note: v_note,checkbox:v_checkbox },
success: function (data, status){
alert("success!")
},
error: function(xhr,err){
alert("readyState: "+xhr.readyState+"'nstatus: "+xhr.status);
alert("responseText: "+xhr.responseText);
}
});
});
这是aksi.php:
require "../../config/db.php";
$id=$_POST['id'];
$checkbox= $_POST['checkbox'];
$note=$_POST['note'];
foreach ($checkbox as $key => $check_box) {
mysqli_query($con,"INSERT INTO dbdata(id, checkbox, note) VALUES($id, $check_box, '$note')");
}
问题是数据从未发布。ajax抛出错误(readyState=0,status=0),数据未插入。url也更改为:
index.php?checkbox[]=3&checkbox[]=4&复选框[]=5
取决于选中了哪个复选框。知道吗?
您可以在php文件的最后放一条echo语句来解决错误问题吗。像
echo 1;
如果保存是提交按钮,更新第一行如下:
$(document).on('click', '#save', function(event) {
event.preventDefault();
.....
});
要解决数据库插入问题,请尝试包含所需文件的完整路径,而不是相对路径。
相关文章:
- 使用$.ajax发布多个复选框
- 如果选中了多个复选框,如何添加事件
- 我有多个复选框,并希望为其中 2 个制定规则,以便如果我选择 1 个,则无法选择另一个
- 如何从javascript/jquery中的多个复选框中获取附加值
- 如何从多个复选框中获取最后一个值
- 在单击一个或多个复选框的同时调用iframe
- 如何在 Angular JS 中从关联数组创建多个复选框
- angular js多个复选框过滤多级JSON
- 如何获取多个复选框值并分配给隐藏字段
- 如何根据用户选择动态更改多个复选框的编号
- Jquery 多个复选框 if 语句
- 在数据库(JSP PAGE)中获取多个复选框结果
- 多个复选框,如果正确,则更改背景图像(HTML/Javascript)
- 检查多个复选框列表与单击一个按钮
- 传递多个复选框值
- 多个复选框过滤,JavaScript和jQuery
- Bootstrap下拉菜单中的复选框允许多个复选框而不是一个
- 如果在jQuery中选中,则返回多个复选框值
- 如何在提交时验证多个复选框
- 单击多个复选框