js ajax获取json数据后,替换table表格中的值

如何把json格式的数据遍历替换表格中的数据有什么具体的方法吗 急 急 急 急!

0

2个回答

你eval(json)把结果用for循环获取数据去替换就行了

0
 <!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>
<body>
<div>
    <table>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
        <tr>
            <td>4</td>
            <td>5</td>
            <td>6</td>
        </tr>
        <tr>
            <td>7</td>
            <td>8</td>
            <td>9</td>
        </tr>
    </table>
    <button onclick="update();">替换</button>
</div>
<script type="text/javascript" src="jquery-3.0.0.min.js"></script>
<script>
    function update() {
        var json = "[{value:'a'},{value:'b'},{value:'c'},{value:'d'},{value:'e'},{value:'f'},{value:'g'},{value:'h'},{value:'i'}]";
        var jsonObj = eval("(" + json + ")");
        var $tds = $("table").find("td");
        $(jsonObj).each(function (i, o) {
            $tds.eq(i).text(o.value);
        });
    }
</script>
</body>
</html>
0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
JS获取table表格任意单元格值
JS获取table表格任意单元格值
ajax 显示json数据在table中
$(function() { $('#test').click(function() { $.ajax({ url: 'fenshu.json', // data:"[{'name':'1', 'result'':'60''}]", type: 'get', dataType: 'json', success: function(jso
JS获取table表格下的td值,以及td下的input值
遍历table表中的td值以及td标签中input的值 先创建table表格 &lt;table &gt; &lt;tr&gt; &lt;td&gt;td1&lt;/td&gt; &lt;td&gt;&lt;input type="text" value="111"/&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;t...
JS 获取table下控件的值
rn rn rn rn[color=#FF99CC] [/color]rnrn rnrn rn rn rn[color=#FF99CC] [/color]rn rnrnrn rn rn[color=#FF99CC] [/color]rn rnrnrnrnrnrn我想让标红的那个几个单元格值相加,但是不知道怎么取得他的值, 我想用循环, document.getElementById("Table1").rows[1][11].innerHTML; 这样只能取得不带控件的值吧,带控件了就取不到了,这个表格是动态生成的,表格ID没有规律。该怎么取呢
js获取表单table 中文本框的值
function OnSubmit()   {    var inps="";         var tb=document.getElementById("abc");           var rows=tb.rows;           //alert(rows);             for(var i = 1;i 
js中获取table的行列值
rn rn rn rn 2rnrnrn这里怎么获得行id为row1列id为add的第一个input值?
js 获取table 中每一个td 的值
$('.btn-primary').click(function(){ var tr=$(this).closest(&quot;tr&quot;); var coll_data1=tr.find(&quot;td:eq(0)&quot;).text(); var coll_data2=tr.find(&quot;td:eq(1)&quot;).text();)};
ajax得到的json数据如何获取想要的值
通过ajax获取了服务端传来的一串数据"alibaba_aliqin_fc_sms_num_send_response":"result":"err_code":"0","model":"101119416903^1101601857156","success":true,"request_id":"1476c431qgbi4"。我现在需要获取里面success的值。然后通过success的值做判断去调用其他的。服务端传来的这个值是json数据吧,请大虾指点一下。前端我是用jquery。
js获取“动态添加表格”中input的值
麻烦大家说个思路
JS获取循环表格中input的值
[b]请问我该如何获取到鼠标点击的tr行input的值呢?rn现在获取到的是始终是第一条记录。。。。。。。[/b]rnrnrn[code=JScript]rnfunction popUserDetail(x)rn var popUp = document.getElementById("popUserDetail");rn var h = (x.rowIndex)*20;rn popUp.style.top= 25 + h + "px";rn popUp.style.left="142px";rn popUp.style.width="200px";rn popUp.style.height="100px";rn popUp.style.visibility="visible"; rn var customerId = document.getElementsByTagName("input")[0].value;rn alert (customerId);rn rn[/code]rnrnrn[code=PHP]rn while ($records = mysql_fetch_array($rows)) rn rn $arr = ct($records['uniqueid']);rn $fileLastUploadTime = $arr[1];rn rn print 'rn rn rn rn rn '.st($records['lastT'],$fileLastUploadTime).'rn '.$records['barName'].'rn '.$records['lastLogin'].'rn '.date("Y-m-d H:i:s",$arr[1]).'rn '.$records['endTM'].'rn '.$arr[0].'rn '.$records['version'].'rn ';rn rn print 'rn rn rn 客户编号: rn 客户地址: rn 初次登陆: 备份周期:rn 联系QQ: 联系电话:rn rn rn[/code]
利用Ajax获取JSON数据
JSON对象与JSON字符串的相互转换 //JSON对象 属性名必须使用双引号包起来 var obj={&quot;a&quot;:1,&quot;b&quot;:2}; var ary=[{&quot;a&quot;:1,&quot;b&quot;:2},{&quot;a&quot;:10,&quot;b&quot;:20},{&quot;a&quot;:100,&quot;b&quot;:200}]; //JSON字符串:将JSON对象使用''包起来 var str1='{&quot;a&quot
ajax简单获取json数据
代码: json.html {"code":0,"data":"boy"} Untitled-1.html 用户注册 $(function(){ $('#showPage').click(function(){ $.ajax({   url:"json.html",   dataType:
js中的表格table操作
* table元素的操作 * (注:在thead和tfoot中的除了tr,td外的所有内容都会被提到table前面) * * 1.table.caption:返回table中caption,返回DOM对象 * * 2.table.tBodies:返回tbody的HTMLCollection * * 3.table.tFoot:返回table中tfoot,返回DOM对象 * * 4.table.tH
ajax获取json数据展示
效果图: 原生js实现: *{margin:0;padding:0;} li{list-style:none;} #box{width:500px;height:640px;border:1px solid #ccc;position:relative;top:50%;left:50%;margin:20px -250px;} #box .con{width:500px;he
获取表格中的值
rn rn rn 11年7月rn 45,183.07rn 270,558.64rn 772,937.56rnrnrn rn 11年6月rn 44,477.80rn 274,662.57rn 780,820.85rnrnrn rn 11年5月rn 44,602.83rn 269,289.63rn 763,409.22rnrnrn rn 11年4月 45,489.03rn 266,766.91rn 757,384.56rnrnrnrnrn我想获取间的值,不知怎么获取,请大家指点一二?
Ajax获取Json数据
Ajax获取Json数据 前端代码(Ajax部分) $.ajax({ url: 'PDO.php', type: 'GET', dataType: 'json', }) .done(function(data) { console.log(data);//在浏览器的控制台查看数据,F12^ _ ^ ! }) .fail(function() { c...
ajax获取后台的json数据
function getCity1(){           // var pcode=$('#hjszs1 option:selected') .val();             var obj11= document.getElementById("hjszs1");             var  city=document.getElementById("hj2")
怎样在js中获取ajax的xmlHttp.responseText的值????
在js中的一个函数中声明一个变量,rn怎样用这个变量去获取ajax的执行后xmlHttp.responseText的值????rn急急急。。。。。
jquery ajax 读取json数据存入表格中
test.txt的json数据如下rn[rn"XH":1,"YWName":"业务1","SName":"系统1","QDName":"渠道1","HJNumber":5,rn"XH":2,"YWName":"业务2","SName":"系统2","QDName":"渠道2","HJNumber":6,rn"XH":3,"YWName":"业务3","SName":"系统3","QDName":"渠道3","HJNumber":7rn]rnrnjquery ajax读取json数据的方式rnrn $.getJSON('test.txt',function(data) rn rn rn rn 表格:rn rn rn rn 序号rn 业务名称rn 系统名称rn 渠道名称rn 环节数rn 操作rnrn rn rn rn rn rn rn rnrn rn rn rn rn rn rn rnrn rn rn rn rn rn rn rnrn table>rnrn改如何实现呢rnrn
获取json数据指定的值
我有一串json数据。想要查找指定的某个对象,我的想法就是遍历这个json数据,获取我想要的对象(我实现的代码在下面)。rn但是有没有更高效的方法获取?[color=#FF0000]不用遍历有没有其他的方法?[/color]rnjquery的类库有没有现成的方法可以用?rnrn[code=javascript]rnfor(key in jsonData)rn if(jsonData[key].attr == 5)rn //do something rn rnrnrn[/code]
bootstrap table ajax获取后台数据后js做判断
$('#table').bootstrapTable({ method: 'post', url: "url", sidePagination: "server", //服务端分页请求 queryParams: queryParams, responseHandler: function(res){ //加载服务器数据之前的处理程序,可以用来格式化数据。参数:res为从服务器请求到的数据
js表格table的增删改
js 对表格的动态操作,动态添加,删除,修改
js控制table表格
//页面加载完成立即执行 $(document).ready(function(){ var tables = document.getElementsByTagName(&quot;table&quot;); for (var i = 0; i &lt; tables.length; i++) { if(tables[i].rows.length==1) tables[i].styl...
js table表格排序
一:表格排序效果,根据点击表格头部th进行排序,如图: 二:示例代码,如下: #tb1 { border: 1px solid #ddd; } #tb1 thead th{ width: 60px; } #tb1 tbody td { border: 1px solid #ddd; width: 60px;
js创建table表格
js创建table表格,有下拉框,输入框,真实可用,适合使用,学习
JS获取JSON数据
提示 查看后台传回的数据是String类型数据,还是JSON格式的数据(本身是JSON类型数据) 按Object.property形式观察格式(最好用console.log(data)来查看一下输出的结果,方便弄清楚格式) 本身是JSON类型的数据 用Object.property..args来获取,获取到的数据内部有不同格式的,需按对应的格式进行获取 例子 {&quot;code&quot;:&quot;0&quot;,&quot;...
JS获取json数据
[code=text]rnrn "Content": rn "desc": [],rn "images": [rn "http://www.xx.com/127082056.jpg",rn "http://www.xx.com/127082057.jpg",rn "http://www.xx.com/127082058.jpg",rn "http://www.xx.com/127082059.jpg",rn "http://www.xx.com/127082060.jpg"rn ]rn rnrn[/code]rn如何用JS获取里面的图片地址?rn
js 获取json数据
json数据rn sum:2600,nn:'老马',list:[tradName:'晶澳太阳能',volume:'2012-03-08',dealPre:'12.00',changeRate:'0.49%',UpDownRate:'40%']rn 如何通过js获取nn 或者 sum的值呢...
js中ajax获取json数据遍历提示undefined
大家好,我遇到的问题描述如下:从服务器读出来的数据打印出来console.log(data2)的数据和data3数据一样,但是遍历的时候,data2的conslole打印提示 NEID:undefined PROCESS_STORE_TIME:undefined,然而,data3的遍历没有问题啊,服务器返回的结果数据是:rn[code=text]rn"msg":"success","resultList":"[\"PROCESS_STORE_TIME\":\"3min 11s\",\"PROCESS_GET_FILE_TIME\":\"3min\",\"NEID\":\"101\",\"TIME_SPAN\":\"20160501.17:30 - 20160501.17:45\",\"PM_RESULT_ID\":\"10\",\"TOTAL_TIME\":\"22min 30s\",\"PROCESS_PARSE_TIME\":\"3min\",\"PROCESS_FINISH_TIME\":\"3min 44s\",\"TASK_ID\":\"1\",\"RECEIVE_REPORT_MSG_TIME\":\"2min\",\"PROCESS_STORE_TIME\":\"3min 3s\",\"PROCESS_GET_FILE_TIME\":\"1min\",\"NEID\":\"101\",\"TIME_SPAN\":\"20160501.17:45 - 20160501.18:00\",\"PM_RESULT_ID\":\"11\",\"TOTAL_TIME\":\"11min 50s\",\"PROCESS_PARSE_TIME\":\"3min\",\"PROCESS_FINISH_TIME\":\"3min 53s\",\"TASK_ID\":\"1\",\"RECEIVE_REPORT_MSG_TIME\":\"2min\"]rn[/code]rnrn下面是js代码,请大家帮忙看看什么问题,谢谢!rnrn[code=javascript]rnvar taskId=$pd.taskId;rn $.ajax(rn type:'POST',rn url:'task/result_charts',//请求数据的地址rn data: taskId:taskId,rn dataType:'json',rn cache: false,rn success:function(data)rn data2 = data.resultList;rn var s = 1;rn console.log("data2:"+data2); rn /* for(var o in data2) rn //console.log("data2:"+data2); rn console.log(data2); rn console.log("NEID:"+data2[o].NEID+" PROCESS_STORE_TIME:"+data2[o].PROCESS_STORE_TIME); rn */rn rn var data3=["PROCESS_STORE_TIME":"3min 11s","PROCESS_GET_FILE_TIME":"3min","NEID":"101","TIME_SPAN":"20160501.17:30 - 20160501.17:45","PM_RESULT_ID":"10","TOTAL_TIME":"22min 30s","PROCESS_PARSE_TIME":"3min","PROCESS_FINISH_TIME":"3min 44s","TASK_ID":"1","RECEIVE_REPORT_MSG_TIME":"2min","PROCESS_STORE_TIME":"3min 3s","PROCESS_GET_FILE_TIME":"1min","NEID":"101","TIME_SPAN":"20160501.17:45 - 20160501.18:00","PM_RESULT_ID":"11","TOTAL_TIME":"11min 50s","PROCESS_PARSE_TIME":"3min","PROCESS_FINISH_TIME":"3min 53s","TASK_ID":"1","RECEIVE_REPORT_MSG_TIME":"2min"]; rn for(var o in data3) rn console.log(data3[o]);rn console.log("NEID:"+data3[o].NEID+" PROCESS_STORE_TIME:"+data3[o].PROCESS_STORE_TIME); rn rn ,rn error:function(e)rn rn );[/code]
如何获取table中的值?
JavaScript中,有个表格(table),里面有数据,如何得到表格里每个单元格(值)中的值?
js获取table中的数据
&amp;lt;table id=&quot;pictable&quot; width=&quot;100%&quot; border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&amp;gt; &amp;lt;tbody&amp;gt; &amp;lt;tr&amp;gt; &amp;lt;td id=&quot;picsmall&quot; width=&quot;298&
js 点击table 获取单元格的值
alert("行号:" + (td.parentElement.rowIndex + 1) + ",内容:" + td.innerText);  alert($("#memberlisttable tr:eq(3) td:eq(4)").text());
js获取table行 列 的值
js获取table 中 tr td的值的实例,有需要的朋友可以下下来参考
JS 获取table下第二行控件的值
$("#" + tableid).find("input[type=text]").each(function () rn // code.add($(this).attr("id"));rn // value.add($(this).attr("id").val());rn code[i] = $(this).attr("id");rn alert(code[i]);rn i++;rn ); rnrn我想取表第二行的控件是input 类型是text 的id。像我这种取法,就把表内所有的控件的id全部取出来了。rnrnjs怎么写 可以只取第二行的控件的id。。
js中,ajax返回json数据失败
利用jq的ajax调用一个查询天气的接口,在返回json的时候失败n可以说是第一次尝试,嗯,所以很多不懂,请多多见谅n运行如图:n![图片说明](https://img-ask.csdn.net/upload/201707/20/1500548002_77909.png)n代码如图:n![图片说明](https://img-ask.csdn.net/upload/201707/20/1500548016_565000.png)nn返回状态码:"readyState":4,"status":0,"statusText":"error"
ThinkPHP3.2.3中典型的ajax获取json数据方法
AJAX 全称 Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。对于ajax的异步或同步参数设置(async),js库默认都设置为ture,即异步。当使用async=false 时,JavaScript 会等到服务器响应就绪才继续执行。如果服务器繁忙或缓慢,应用程序会挂起或停止。同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。
javabeans封装数据库连接操作
Datasql.java package data;import java.sql.*;public class Datasql {    private final String url="127.0.0.1/";    private final String database="book";    private final String usename="roo
求助:JS操作表格(table中td的值)
rn cvbrn cvbrn vcbrn.......rnrn我要改边某 的值,怎么实现?
ajax接收json数据到js解析
解决js解析后台返回的list和对象遍历问题
ajax 跳转 填充 table 表格
 ajax 跳转 填充表格 主要是str 进行拼接 然后append 输出到 指定id的位置 $(&quot;#ul_tysf&quot;).append(str); // ajax 跳转 并填充 table 表格 onPageClicked: function (event, originalEvent, type, page) { $(&quot;#ul_tysf&quot;).html(&quot;&quot;)...