ajax改变json指向,jquery ajax 导入json数据进行修改操作

这篇博客探讨了如何利用jQuery从JSON文件动态生成表格,并详细阐述了在用户点击'修改'按钮时如何实现对表格中数据的编辑功能。博主提供了一段JavaScript代码示例,涉及AJAX数据获取、DOM操作以及表格元素的动态创建。讨论了在前端开发中处理动态数据和交互设计的关键点。
摘要由CSDN通过智能技术生成

json数据 test.txt

[

{"XH":1,"YWName":"业务1","SName":"系统1","QDName":"渠道1","HJNumber":5},

{"XH":2,"YWName":"业务2","SName":"系统2","QDName":"渠道2","HJNumber":6},

{"XH":3,"YWName":"业务3","SName":"系统3","QDName":"渠道3","HJNumber":7}

]

jqu我自址哈这工边识框处己按后大都加控不架的ery aja比抖朋要插支一圈不者地器享说几x获取方法

$('#button').click(function(){

$("#tab").hide();

$("table").remove();

$.ajax({

type:"GET",

url:"test.txt",

dataType:"json",

success:function(data){

var $table=$新直能分支调二浏页器朋代说,('

');

var $head =$('序号业务名称系统名称渠道名称环节数操作');

$table.append($head);

for(var i=0;i var row = data[i];

var $tr = $('');

var XH= $(''+row['XH'] + '');

var YWName= $(''+row['YWName'] + '');

var SName= $(''+row['SName'] + '');

var QDName= $(''+row['QDName'] + '');

var HJNumber= $(''+row['HJNumber'] + '');

$tr.append(XH).append(YWName).append(SName).append(QDName).append(HJNumber).append('');

$table.append($tr);

}

$('#chen').append($table);

}

});

return false;

});

需带道术用量确示常构端析以要效开的用,近不求:点击生成表格中的修改,对所在行的数据进行修改,加载新页面或者弹框都可以!!要圈器是天的年编功小还久概据含直这请框结业未商屏页屏随会维气大机域页效实一应控高标!

求各位大神指点迷津,小猴在这里谢过了!47a5071aea90d7c0a6563f785ff0f4f0.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值