Fatal编程技术网
  • javascript/
  • 使用AJAX将Javascript数组传递给PHP

使用AJAX将Javascript数组传递给PHP

javascript php ajax

使用AJAX将Javascript数组传递给PHP,javascript,php,ajax,Javascript,Php,Ajax,我必须将Javascript数组变量传递给PHP， 所以这里php和javascript代码都在同一个页面中 当我给控制台内部设置（$\u POST['kvcArray']）->它没有打印。猜猜这个有什么问题。有人能帮我吗 正文{ 颜色：#566787； 背景:#f5； 字体系列：“瓦雷拉圆形”，无衬线； 字体大小：13px； } .表格包装{ 背景：#fff； 填充：20px 25px； 利润率：30px0； 边界半径：1px； 盒影：0 1px 1px rgba（0,0,0,0.247）；

我必须将Javascript数组变量传递给PHP， 所以这里php和javascript代码都在同一个页面中

当我给控制台内部设置（$\u POST['kvcArray']）->它没有打印。猜猜这个有什么问题。有人能帮我吗

正文{
颜色：#566787；
背景:#f5；
字体系列：“瓦雷拉圆形”，无衬线；
字体大小：13px；
}
.表格包装{
背景：#fff；
填充：20px 25px；
利润率：30px0；
边界半径：1px；
盒影：0 1px 1px rgba（0,0,0,0.247）；
}
.表格标题{
垫底：15px；
背景：线性梯度（40度，#2096ff，#05ffa3）！重要；
颜色：#fff；
填充：16px 30px；
余量：-20px-25px 10px；
边界半径：1px1p0；
盒影：0 1px 1px rgba（0,0,0,0.247）；
}
.表格标题h2{
保证金：5px0；
字体大小：24px；
}
.table title.btn组{
浮动：对；
}
.table title.btn{
颜色：#fff；
浮动：对；
字体大小：13px；
边界：无；
最小宽度：50px；
边界半径：1px；
边界：无；
大纲：无！重要；
左边距：10px；
盒影：0 1px 1px rgba（0,0,0,0.247）；
}
.表格标题.btn i{
浮动：左；
字号：21px；
右边距：5px；
}
.表格标题.btn跨度{
浮动：左；
边缘顶部：2倍；
}
table.table tr th，table.table tr td{
边框颜色：#e9e9e9；
填充：12px 15px；
垂直对齐：中间对齐；
}
表tr th：第一个孩子{
宽度：60px；
}
table.table tr th：最后一个孩子{
宽度：100px；
}
table.table-striped t车身tr:N型（奇数）{
背景色：#fcfc；
}
table.table-striped.table-hover t车身tr:hover{
背景:#f5；
}
表一{
字体大小：13px；
利润率：0.5px；
光标：指针；
} 
表td：最后一个孩子i{
不透明度：0.9；
字体大小：22px；
利润率：0.5px；
}
表.表td a{
字体大小：粗体；
颜色：#566787；
显示：内联块；
文字装饰：无；
大纲：无！重要；
}
table.table td a：悬停{
颜色：#2196F3；
}
table.table td a.edit{
颜色：#FFC107；
}
table.table td a.delete{
颜色：#F44336；
}
表一{
字号：19px；
}
桌子，桌子，阿凡达{
边界半径：1px；
垂直对齐：中间对齐；
右边距：10px；
}
.分页{
浮动：对；
利润率：0.05倍；
}
.分页李a{
边界：无；
字体大小：13px；
最小宽度：30px；
最小高度：30px；
颜色：#999；
边际：0.2px；
线高：30px；
边界半径：1px！重要；
文本对齐：居中；
填充：0 6px；
}
.分页李a：悬停{
颜色：#666；
} 
.pagination li.active a、.pagination li.active a.page-link{
背景#03A9F4；
}
.pagination li.active a:悬停{
背景#0397d6；
}
.分页李{
颜色：#ccc；
}
.分页李一{
字体大小：16px；
填充顶部：6px
}
.提示文本{
浮动：左；
边缘顶部：10px；
字体大小：13px；
}    
/*自定义复选框*/
.自定义复选框{
位置：相对位置；
}
.自定义复选框输入[type=“checkbox”]{
不透明度：0；
位置：绝对位置；
保证金：5px0.3px；
z指数：9；
}
.自定义复选框标签：在{
宽度：18px；
高度：18px；
}
.自定义复选框标签：在{
内容：''；
右边距：10px；
显示：内联块；
垂直对齐：文本顶部；
背景：白色；
边框：1px实心#bbb；
边界半径：1px；
框大小：边框框；
z指数：2；
}
.自定义复选框输入[type=“checkbox”]：选中+标签：之后{
内容：''；
位置：绝对位置；
左：6px；
顶部：3px；
宽度：6px；
高度：11px；
边框：实心#000；
边框宽度：0 3px 3px 0；
转化：继承；
z指数：3；
变换：旋转（45度）；
}
.自定义复选框输入[type=“checkbox”]：选中+标签：之前{
边框颜色：#03A9F4；
背景#03A9F4；
}
.自定义复选框输入[type=“checkbox”]：选中+标签：之后{
边框颜色：#fff；
}
.自定义复选框输入[type=“checkbox”]：禁用+标签：之前{
颜色：#b8b8b8；
光标：自动；
盒影：无；
背景：ddd；
}
/*情态风格*/
.modal.modal对话框{
最大宽度：400px；
}
.modal.modal页眉、.modal.modal正文、.modal.modal页脚{
填充：20px 30px；
}
.模态.模态内容{
边界半径：1px；
}
.modal.modal页脚{
背景#ecf0f1；
边界半径：0 1px 1px；
}
.情态.情态标题{
显示：内联块；
}
.modal.form控件{
边界半径：1px；
盒影：无；
边框颜色：#dddddd；
}
.modal textarea.form-control{
调整大小：垂直；
}
.modal.btn{
边界半径：1px；
最小宽度：100px；
} 
.模态表格标签{
字体大小：正常；
}

$（文档）.ready（函数（）{
//激活工具提示
$（'[data toggle=“tooltip”]'）。tooltip（）；
//选择/取消选择复选框
var checkbox=$（'table tbody input[type=“checkbox”]”）；
$（“#选择全部”）。单击（函数（）{
如果（选中此项）{
复选框。每个（函数（）{
this.checked=true；

<script>
    $(document).ready(function(){
      // all your function here ! in 1 place
    });
</script>
</body>
</html>



<?php
  // all the php here
?>
<!DOCTYPE html>
<html>
<head>
...
...



<?php
    if (isset($_POST['kvcArray'])) {
        echo "<pre>";
        echo "<b>".__FILE__."</b><br/>";
        var_dump(json_decode($_POST['kvcArray'], true));
        echo "</pre>";
        die();
    }
?>

<span class="custom-checkbox"><input type="checkbox" class="checkbox" id="checkbox1" name="options[]" value="1"><label for="checkbox1"></label></span><br />
<span class="custom-checkbox"><input type="checkbox" class="checkbox" id="checkbox2" name="options[]" value="2"><label for="checkbox2"></label></span><br />
<span class="custom-checkbox"><input type="checkbox" class="checkbox" id="checkbox3" name="options[]" value="3"><label for="checkbox3"></label></span><br />
<span class="custom-checkbox"><input type="checkbox" class="checkbox" id="checkbox4" name="options[]" value="4"><label for="checkbox4"></label></span><br />
<input type="submit" class="button" name="insert" value="insert" />



<script type="text/javascript">
    $( document ).ready(function() {
        $( ".button" ).click(function() {

            var val = [];
            $("input:checked").each(function (index,value) {
                    val[index] = this.value;
            });

            var myJSONText = JSON.stringify(val);
            $.ajax({
                data: {'kvcArray': myJSONText},
                url: 'index.php',
                type: 'POST',
                success: function(result) {
                    //alert("Success");
                }
            });
        });
    });
</script>