1. 读取数据:
    //ajax去服务器端校验
  2.  
  3. $.ajax({
  1. type:"post",
    url:"http://",
    data:{deviceid:1},
    dataType:'json',
    success : function(data) {
    var jsonText = data;
    var ab= eval("("+jsonText+")");//json格式转换
    for(j=0;j<ab.length;j++){
    $(ab[j]).each(
    function (i, values) {
    $("#list").append(
    "<tr class='ch_no'><td>" + i+1 + "</td>" +
    "<td style=\"padding-left: 5%;\">" + values.isReign + "</td>" +
    "<td style=\"padding-left: 5%;\">"+ values.gain + "</td>" +
    "<td style=\"padding-left: 5%;\">" +
    "<select id=\"outputPower\">\n" +
    " <option selected=\"selected\">"+values.outputPower+"</option>\n" +
    "</select>" +
    "</td>" +
    "<td style=\"padding-left: 5%;\">" +
    "<select id=\"forwardLinkRate\">\n" +
    " <option selected=\"selected\">"+values.forwardLinkRate+"</option>\n" +
    "</select>"+
    "<td style=\"padding-left: 5%;\">" +
    "<select id=\"reverseLinkRate\">\n" +
    " <option selected=\"selected\">"+values.reverseLinkRate+"</option>\n" +
    "</select>" +
    "</td>" +
    "<td style=\"padding-left: 5%;\">" +
    "<select id=\"forwardModType\">\n" +
    " <option selected=\"selected\">"+values.forwardModType+"</option>\n" +
    "</select>" +
    "</td>" +
    "<td style=\"padding-left: 5%;\">" +
    "<select id=\"reverseModType\">\n" +
    " <option selected=\"selected\">"+values.reverseModType+"</option>\n" +
    "</select>" +
    "</td>" +
    "<td style=\"padding-left: 5%;\">" +
    "<select id=\"outputRate\">\n" +
    " <option selected=\"selected\">"+values.outputRate+"</option>\n" +
    " <option>不限</option>" +
    "</select>" +
    "</td></tr>"
    );
    }
    );
    }
    }
    });
  1. 保存数据:
    $("#btnSubmit").on('click',(function () {
    var ab = new Array();
    var ch_no = $('.ch_no');
    var aDiv=document.getElementsByClassName("ch_no");//获取文档中class为"ch_no"的所有元素
  1. for (var i = 0;i<aDiv.length;i++) {//遍历 aDiv的中所有元素并且将所有class为"ch_no"的元素保存到数组aerial
  1. var outputPower_con = $(ch_no[i]).find("#outputPower").find("option:selected").val();
    var forwardLinkRate_con = $(ch_no[i]).find("#forwardLinkRate").find("option:selected").val();
    var reverseLinkRate_con = $(ch_no[i]).find("#reverseLinkRate").find("option:selected").val();
    var forwardModType_con = $(ch_no[i]).find("#forwardModType").find("option:selected").val();
    var reverseModType_con = $(ch_no[i]).find("#reverseModType").find("option:selected").val();
    var outputRate_con = $(ch_no[i]).find("#outputRate").find("option:selected").val();
    aerial.push({
    outputPower: outputPower_con,
    forwardLinkRate: forwardLinkRate_con,
    reverseLinkRate: reverseLinkRate_con,
    forwardModType: forwardModType_con,
    reverseModType: reverseModType_con,
    outputRate: outputRate_con
    })
    }
    console.log(ab);
    $.ajax({
    url: "http://",//接口地址
    type:'post',
    data: ab,
    datatype: 'json',
    success : function(data) {
    console.log(data)
    },
    error : function() {
    alert('保存失败,请重试! ');
    }
    })
    })

js获取列表多条数据(接口)的更多相关文章

  1. 腾讯面试题,js处理1千万条数据排序并且页面不卡顿

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  2. 面试题:js如何渲染十万条数据并不卡住界面

    这道题考察了如何在不卡住页面的情况下渲染数据,也就是说不能一次性将几万条都渲染出来,而应该一次渲染部分 DOM,那么就可以通过 requestAnimationFrame 来每 16 ms 刷新一次. ...

  3. python插入记录后获取最后一条数据的id

    python插入记录后取得主键id的方法(cursor.lastrowid和conn.insert_id()) 参考:https://blog.csdn.net/qq_37788558/article ...

  4. Oracle数据库实现获取前几条数据的方法

    如何在Oracle数据库中实现获取前几条数据的方法呢?就是类似SQL语句中的SELECT TOP N的方法.本文将告诉您答案,举例说明了哟!   1.在Oracle中实现SELECT TOP N : ...

  5. SharePoint 2010 获取列表中所有数据(包括文件夹内)的方法

    转: http://blog.csdn.net/wangwenism/article/details/8751411 SharePoint的列表能存储文件以及文件夹,用户使用的时候,经常会建几个分类文 ...

  6. js获取异步方法里面的数据

    这里介绍  五种方法(说白了本质 就三种) 1.callback回调函数  function getData(callback){ setTimeout(()=>{ let name = '哈哈 ...

  7. JS获取form表单数据

    以下代码可放在一个js文件中,以便通用: //获取指定表单中指定标签对象 function getElements(formId, label) { var form = document.getEl ...

  8. 【笔记】jquery js获取浏览器滑动条距离顶部距离的写法

    jq写法 $(window).scroll(function(){ var $top = $(document).scrollTop(); }); /*注:$(window).scroll(funct ...

  9. js获取地址栏中的数据

    window.location.href:设置或获取整个 URL 为字符串window.location.pathname:设置或获取对象指定的文件名或路径window.location.search ...

随机推荐

  1. Unity2D游戏开发之保卫萝卜

    保卫萝卜是2D塔防游戏里边的一个经典案例,这次去开发这个游戏,我们会尽力去实现和原版一样的功能,做好我们可以处理好的每一个游戏细节(比如塔攻击的集火目标优先攻击,与自动搜索,格子的三种处理逻辑,UI的 ...

  2. jdk8 stream实现sql单表select a,b,sum(),avg(),max() from group by a,b order by a,b limit M offset N及其性能

    之所以要测该场景,是因为merge多数据源结果的时候,有时候只是单个子查询结果了,而此时采用sql数据库处理并不一定能够合理(网络延迟太大). 测试数据10万行,结果1000行 limit 20 of ...

  3. docker jenkins 插件安装提速

    公司安装的jenkins 自动布署服务挂了,好像有漏洞一直搞,打算重新安装一个,随便再学习一下 一上来就用docker 解决问题 #!/bin/bash docker stop myjenkins d ...

  4. AndroidStudio 3.5格式化xml文件出现自动改变xml元素位置问题

    问题描述格式化xml时,出现自动改变了xml元素位置问题.左侧是原始的,右侧是格式化后的. 坑娘啊,这样界面就完全变了啊. 解决方案在设置里,Appearance& Behavior > ...

  5. RockBrain USB Server外设虚拟化高可用解决方案(银企直联虚拟化解决方案)

    技术指标: 单.双千兆网络界面(支持链路冗余与链路热备.支持双网口均衡负载) 原生USB2.0接口(USB2.0与USB3.0接口均对所有USB版本设备兼容,支持混插) 技术优势: RockBrain ...

  6. java多线程(六)线程控制类

    1.   多线程控制类 为了保证多线程的三个特性,Java引入了很多线程控制机制,下面介绍其中常用的几种: l  ThreadLocal l  原子类 l  Lock类 l  Volatile关键字 ...

  7. 泡泡一分钟:Robust Attitude Estimation Using an Adaptive Unscented Kalman Filter

    张宁 Robust Attitude Estimation Using an Adaptive Unscented Kalman Filter 使用自适应无味卡尔曼滤波器进行姿态估计链接:https: ...

  8. Cassandra开发入门文档第一部分

    Cassandra的特点 横向可扩展性: Cassandra部署具有几乎无限的存储和处理数据的能力.当需要额外的容量时,可以简单地将更多的机器添加到集群中.当新机器加入集群时,Cassandra需要对 ...

  9. Pandas的DataFrame

    1. 手工创建DataFrame a = [[1, 2, 2],[3,None,6],[3, 7, None],[5,None,7]] data = DataFrame(a) 2. Excel数据数据 ...

  10. PMP 第11章错题总结

    1.项目经理考虑每个人的观点并恢复秩序是合作/解决问题的技术2.评价团队有效性的指标包括---个人技能的改进.团队能力的改进.团队成员离职率的降低.团队凝聚力的加强3.管理质量包括所有质量保证活动,还 ...