js/jq ajax+数组。个人整理

注:以下代码是个人总结，写法可能不规范。

 

//在点击按钮的时候触发

$("a.submit").click(function(){

     //因为做的是拖拽的，要获取拖拽之后的css的几个属性，被拖拽生成的是label，所以这里获取定义一个变量获取label

　　var tempDiv = $("#pTemplate label");

     //这里定义一个新数组，循环里的数组赋值给这个新数组
　　var full_array = new Array();

    //for循环开始，循环出拖拽生成的label( tempDiv)的个数
　　for( var i = 0; i < tempDiv.length; i++){

           //获取label的id
　　　　var labelIdd = tempDiv.eq(i).attr('id');

　　　　//定义循环内的数组，用于把要获取的css值传进来
　　　　var array = new Array();

　　　　//把所有label的id传进数组
　　　　array.idArr = labelIdd;

　　　　//把所有label的text传给数组
　　　　array.nameArr = tempDiv.eq(i).text();

　　　　//把所有label的css属性width传给数组
　　　　array.widthArr = tempDiv.eq(i).css('width');

　　　　//传高度
　　　　array.heightArr = tempDiv.eq(i).css('height');

　　　　//传left的值
　　　　array.leftArr = tempDiv.eq(i).offset().left;

　　　　//传top值
　　　　array.topArr = tempDiv.eq(i).offset().top;

　　　　//因为array这个数组，是每循环一次，就生成一个，所以把全部的赋值给循环外定义的full_array这个数组
　　　　full_array.push(array);

　　　　//把full_array这个数组转成json格式
　　　　JSON.stringify(full_array);
　　}
　　用ajax把full_array传给后台
　　$.ajax({
　　　　type: 'POST',
　　　　url: "/save_style.php",
　　　　'styleArr':full_array,'styleid':styleid,
　　　　success: function(){},
　　　　dataType: 'json'
　　});
});

转载于:https://www.cnblogs.com/zdzx939/p/4765781.html