js/jq ajax+数组。个人整理
2015-08-28 10:41
561 查看
注:以下代码是个人总结,写法可能不规范。
//在点击按钮的时候触发
$("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'
});
});
//在点击按钮的时候触发
$("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'
});
});
相关文章推荐
- JavaScript 作用域
- 使用jsonEditor打造一个复杂json编辑器
- C# web api返回类型设置为json的两种方法
- js获取url参数值
- js中自定义Map对象
- js中的url含有特殊字符的解决方案
- jstree父节点与子节点操作互不影响
- PrimeFace JSF中使用ajax控件无法实时更新文本框inputTextarea内容
- js实现横向伸展开的二级导航菜单代码
- javascript 变量基础
- js判断undefined类型
- 谈谈JavaScript中function多重理解
- 【JSOI 2013】密码
- js选中当前菜单后高亮显示的导航条
- JS日期的获取与加减
- 安卓解析 json 4种格式 全解析
- jsp、servlet笔记
- XML与JSON的比较
- JavaScript中function的多义性
- 浅谈JavaScript中的string拥有方法的原因