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‘
  });
});

时间: 2024-11-04 10:07:47

js/jq ajax+数组。个人整理的相关文章

js/jq基础(日常整理记录)-1-纯js格式化时间

一.纯js格式化时间 之前记录了一些,工作中发现的比较常用的使用,就记录一下. 由于很基础,就直接贴出来了,不做分析了. 改造一下Date的原型 Date.prototype.format = function(format){ var o = { "M+" : this.getMonth()+1, //month "d+" : this.getDate(), //day "h+" : this.getHours(), //hour "

js数组学习整理

原文地址:js数组学习整理 常用的js数组操作方法及原理 1.声明数组的方式 var colors = new Array();//空的数组 var colors = new Array(3); //长度为3 var colors = new Array('red','blue');//初始化 其中,在声明数组的时候,去掉new操作符,也可以. 还有一种初始化数组的方式,使用数组字面量表示法 . 数组字面量由一对包含数组项的方括号表示,多个数组项之间用逗号隔开. var colors = [ '

(JS/JQ)与Ajax

JS与Ajax(异步JS和XML): 1.XMLHttpRequest对象的常用方法: open()准备请求   send()传送请求   abort()取消请求 readyState(请求状态码):0(未开始).1(开启).2(已传送).3(接收中).4(已载入) status(HTTP请求状态码):404(找不到文件).200(OK) onreadystatechange:请求状态改变时会被调用函数引用 responseText:服务器返回的纯文本字符串 responseXML:服务器返回的

原生Ajax 和Jq Ajax

前言:这次介绍的是利用ajax与后台进行数据交换的小例子,所以demo必须通过服务器来打开.服务器环境非常好搭建,从网上下载wamp或xampp,一步步安装就ok,然后再把写好的页面放在服务器中指定的位置.打开时,在浏览器地址栏输入"localhost/指定页面"或者"127.0.0.1/指定页面"打开. 下面列出demo的HTML.PHP.原生ajax .jq ajax代码. HTML代码: <!doctype html> <html> &

JS 操作 AJAX

JS 操作 AJAX Table of Contents API 同步和异步 ajax / text server get post ajax / json server get post ajax / xml server get post 跨域 相关阅读 API onreadystatechange 指定当 readyState 属性改变时的事件处理句柄 readyState 返回当前请求的状态 responseBody 将回应信息正文以 unsigned byte 数组形式返回 respo

JS实现Ajax,Josn数据的序列化和反序列化---例: 省市区联动(包含get,post)

服务器端相应JOSN数据   用到序列化和反序列化----命名空间using System.Web.Script.Serialization; public void ProcessRequest(HttpContext context) { context.Response.ContentType = "text/plain"; //获取请求的参数 string id = context.Request["id"].ToString(); //通过参数查询父级id

js/jq实现获取手机验证码倒计时效果

众所周知在前段的工作中注册信息或获取当前手机号信息等需求,我们基本上都要涉及到手机号验证码,在网络上搜索的案例杂乱无章,用的时候全是坑,真心不想用了,然后自己写了一个获取手机验证码的倒计时效果.有需求的伙伴们可以看看怎么实现的. 如何获取手机验证码? 小月不知道大家是利用什么平台去获取验证码的,但是告诉大家我是在哪个平台获取的. LeanCloud :https://leancloud.cn/ 文档:https://leancloud.cn/docs/sms_guide-js.html 在这个平

关于ajax的问题(整理回答,发布正确的代码,csrf)

在这里把我遇到的ajax问题和大家的回答整理总结一下, 刚学CI,  可能有错误 ,希望指正. 如果你有以下问题,可能会得到帮助: 1. 跨域访问错误 2. csrf保护开启后ajax出现错误 3. gZip开启后出现ajax错误 测试环境 Ubuntu: firefox, chrome windows XP: IE, 360浏览器的IE8 1. 跨域访问 (下面的问题经常出现在你载入ajax视图和处理ajax请求是同一个控制器时,是特殊情况, 但因为这是我遇到的第一个问题, 而且折磨了我很久,

原生JS实现Ajax及Ajax的跨域请求

  前  言          如今,从事前端方面的程序猿们,如果,不懂一些前后台的数据交互方面的知识的话,估计都不太好意思说自己是程序猿.当然,如今有着许多的框架,都有相对应的前后台数据交互的方法. 而,其中,用得最多的应该苏算是JQuery的Ajax了.但是,今天,影子向大家介绍的是原生js的Ajax,及跨域请求. 一. JQuery的Ajax 首先,先回忆下JQuery的Ajax写法: $.ajax({ url: , type: '', dataType: '', data: { }, s