js获取列表多条数据(接口)
读取数据:
//ajax去服务器端校验 $.ajax({
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>"
);
}
);
}
}
});
保存数据:
$("#btnSubmit").on('click',(function () {
var ab = new Array();
var ch_no = $('.ch_no');
var aDiv=document.getElementsByClassName("ch_no");//获取文档中class为"ch_no"的所有元素
for (var i = 0;i<aDiv.length;i++) {//遍历 aDiv的中所有元素并且将所有class为"ch_no"的元素保存到数组aerial
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获取列表多条数据(接口)的更多相关文章
- 腾讯面试题,js处理1千万条数据排序并且页面不卡顿
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- 面试题:js如何渲染十万条数据并不卡住界面
这道题考察了如何在不卡住页面的情况下渲染数据,也就是说不能一次性将几万条都渲染出来,而应该一次渲染部分 DOM,那么就可以通过 requestAnimationFrame 来每 16 ms 刷新一次. ...
- python插入记录后获取最后一条数据的id
python插入记录后取得主键id的方法(cursor.lastrowid和conn.insert_id()) 参考:https://blog.csdn.net/qq_37788558/article ...
- Oracle数据库实现获取前几条数据的方法
如何在Oracle数据库中实现获取前几条数据的方法呢?就是类似SQL语句中的SELECT TOP N的方法.本文将告诉您答案,举例说明了哟! 1.在Oracle中实现SELECT TOP N : ...
- SharePoint 2010 获取列表中所有数据(包括文件夹内)的方法
转: http://blog.csdn.net/wangwenism/article/details/8751411 SharePoint的列表能存储文件以及文件夹,用户使用的时候,经常会建几个分类文 ...
- js获取异步方法里面的数据
这里介绍 五种方法(说白了本质 就三种) 1.callback回调函数 function getData(callback){ setTimeout(()=>{ let name = '哈哈 ...
- JS获取form表单数据
以下代码可放在一个js文件中,以便通用: //获取指定表单中指定标签对象 function getElements(formId, label) { var form = document.getEl ...
- 【笔记】jquery js获取浏览器滑动条距离顶部距离的写法
jq写法 $(window).scroll(function(){ var $top = $(document).scrollTop(); }); /*注:$(window).scroll(funct ...
- js获取地址栏中的数据
window.location.href:设置或获取整个 URL 为字符串window.location.pathname:设置或获取对象指定的文件名或路径window.location.search ...
随机推荐
- mac下使用java测试iOS推送
首先mac下有很多现在的测试iOS推送软件,为什么要用java程序测试呢: 因为大多数后台推送服务可能是JAVA开发的,那么为了验证我们在MAC上导出的推送证书文件是否正确: 制作开发证书的iOS开发 ...
- MySQL可传输表空间:将一个表从一个实例拷贝到另一个实例
MySQL版本:5.7.23 1.在源实例上,创建一个表(如果不存在): mysql> USE abce; mysql> CREATE TABLE t(c1 INT) ENGINE=Inn ...
- config:fail,Error: 系统错误,错误码:63002,invalid signature [20191104 17:18:1
需要检查下后端有没有缓存到redis.这个很重要不然也会报这个错
- Automl基于超大数据下的数据分发方案探讨
先定义几个关键字: 任务:用户一次上传的数据集并发起的automl任务,比如一次ocr任务,一次图像分类任务. 模型:一次任务中,需要运行的多个模型,比如ocr任务,需要ctpn模型,需要crnn模型 ...
- Android studio:URI is not registered 的解决办法
今天新导入一个android studio的工程,发现在布局文件中报URI is not registerd的错误,布局文件的命名空间变成红色的了. 解决方案: 进入 File->Setting ...
- python网络编程 - tcp
网络编程 低级别的网络服务 高级别的网络服务 socket又称“套接字”,应用程序通过“套接字”向网络发出请求或者应答网络请求,使主机间或者一台计算机上的进程间可以通讯. tcp 传输控制协议(Tra ...
- LeetCode_459. Repeated Substring Pattern
459. Repeated Substring Pattern Easy Given a non-empty string check if it can be constructed by taki ...
- (转) 解决django项目部署到nginx+uwsgi服务器后 admin页面样式消失的问题
原贴地址:https://blog.csdn.net/qq_42571805/article/details/80862455 摘要 uwsgi为主要服务器,nginx为反向代理服务器部署完成之后发现 ...
- 【Docker学习之六】Docker容器互联
环境 docker-ce-19.03.1-3.el7.x86_64 centos 7 一.基于Volume的互联就是-v参数,将本机文件或目录挂载到容器目录,实现文件目录共享 二.基于Link的互联 ...
- windows下的计算时间间隔 -- GetTickCount()
用法: #include "windows.h" DWORD lastTime =0;DWORD currentTime = 0;DWORD spendTime = 0; last ...