我有一个 JavaScript 数组,它取自一个 html 表单,它是复选框。我正在使用 name = "DayChosen[]"将数据放入我可以传递给 Ajax 的数组中。当我将数据登录到控制台时,我知道数据将进入数组,但在 PHP 页面时它似乎丢失了。我正在尝试收集所选项目并打开一个新页面并将数据发布到该页面。
我试图将它编码为 json,然后用 PHP 对其进行解码,但我一直得到一个空值。我也尝试过使用 JSON,但仍然没有用。
我使用 var_dump 发现我正在返回一个空值。
<form>
<input type = "checkbox" class="CourseDay" name = "DayChosen[]" value = "Legal"><i class="checkbox-pposition DayChosen">Legal Module</i><br>
<input type = "checkbox" class="CourseDay" name = "DayChosen[]" value = "Day 1"/><i class="checkbox-pposition DayChosen">Day 1</i><br>
<input type = "checkbox" class="CourseDay" name = "DayChosen[]" value = "Rodent"/><i class="checkbox-pposition DayChosen">Day 2 Rodent</i><br>
<input type = "checkbox" class="CourseDay" name = "DayChosen[]" value = "Large animal"><i class="checkbox-pposition DayChosen">Day 2 Large animal </i><br>
<input type = "checkbox" class="CourseDay" name = "DayChosen[]" value = "Aquatic"><i class="checkbox-pposition DayChosen">Day 2 Aquatic</i><br>
<input type = "checkbox" class="CourseDay" name = "DayChosen[]" value = "Wildlife"><i class="checkbox-pposition DayChosen">Day 2 Wildlife</i><br>
<select class="Register-Multiple form-control">
<option disabled selected value > -- Select number of Students to Register -- </option>
<?php
for ($x = 1 ; $x <= 10; $x++) {
echo '<option value = '.$x.'>'.$x.'</option>';
}
?>
</select>
<input type="submit" id = "Register" class="col-6 text-center btn btn-primary Register" value="Register">
</form>
<script type="text/javascript">
$('.Register-Multiple').on('change', function (e){
var courses = [];
$("input[type=checkbox]:checked").each ( function() {
courses.push($(this).val());
console.log($(this).val());
});
$.ajax({
type: "POST",
url: '../../wp-content/themes/traffica/Multiple-
registration.php',
data: {courses:courses}, // serializes the form's elements.
success: function(data)
{
console.log(data);
window.open('../../wp-
content/themes/traffica/Multiple-registration.php');
}
});
});
最佳答案
您缺少更改函数的右括号
请添加 on change 函数的右括号
然后请添加这些代码并运行它
$('.Register-Multiple').on('change', function (e){
var courses = [];
$("input[type=checkbox]:checked").each ( function() {
courses.push($(this).val());
console.log($(this).val());
});
console.log(courses);
$.ajax({
type: "POST",
url:'sample.php',
data: {courses:courses}, // serializes the form's elements.
success: function(data)
{
console.log(data);
}
});
});
和php文件用来获取数组
print_r($_POST['courses']);
关于JavaScript 数组不使用 Ajax 发布到 PHP 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55761793/