qq_32504001
2016-03-24 07:35
采纳率: 100%
浏览 2.8k

jquery ajax 导入json数据进行修改操作

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}
]

jquery ajax获取方法

$('#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;
});

需求:点击生成表格中的修改,对所在行的数据进行修改,加载新页面或者弹框都可以!!!

求各位大神指点迷津,小猴在这里谢过了!图片说明

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

7条回答 默认 最新

  • 已采纳
     <table border="1">
        <tr><td>序号</td><td>业务名称</td><td>系统名称</td><td>渠道名称</td><td>环节树</td><td>操作</td></tr>
        <tr><td>1</td><td>业务名称1</td><td>系统名称1</td><td>渠道名称1</td><td>环节树1</td><td><input type="button" value="修改" onclick="Modify(this)" /></td></tr>
        <tr><td>2</td><td>业务名称2</td><td>系统名称2</td><td>渠道名称2</td><td>环节树2</td><td><input type="button" value="修改" onclick="Modify(this)" /></td></tr>
    </table>
    <script type="text/javascript">
        function Modify(btn) {
            var modify = btn.value == '修改'
            var tr = btn.parentNode.parentNode;
            if (modify) {
                tr.cells[1].innerHTML = '<input type="text" value="' + tr.cells[1].innerHTML.replace(/"/g, '&quot;') + '"/>'
                tr.cells[2].innerHTML = '<input type="text" value="' + tr.cells[2].innerHTML.replace(/"/g, '&quot;') + '"/>'
                tr.cells[3].innerHTML = '<input type="text" value="' + tr.cells[3].innerHTML.replace(/"/g, '&quot;') + '"/>'
                tr.cells[4].innerHTML = '<input type="text" value="' + tr.cells[4].innerHTML.replace(/"/g, '&quot;') + '"/>'
            }
            else {
                tr.cells[1].innerHTML = tr.cells[1].firstChild.value.replace(/</g, '&lt;').replace(/>/g, '&gt;')
                tr.cells[2].innerHTML = tr.cells[2].firstChild.value.replace(/</g, '&lt;').replace(/>/g, '&gt;')
                tr.cells[3].innerHTML = tr.cells[3].firstChild.value.replace(/</g, '&lt;').replace(/>/g, '&gt;')
                tr.cells[4].innerHTML = tr.cells[4].firstChild.value.replace(/</g, '&lt;').replace(/>/g, '&gt;')
            }
            btn.value=modify?'更新':'修改'
        }
    </script>
    
    点赞 打赏 评论
  • 暖暖的茶壶 2016-03-24 07:43

    一般修改按钮都会携带当前记录的ID,然后跳转到修改界面并返回ID的详细信息的。不理解你现在需要干什么

    点赞 打赏 评论
  • qq_32504001 2016-03-24 07:50

    那记录的ID怎么取呢,我现在的想法是:点击修改按钮,跳转到form表单页面进行修改,完成修改后提交返回回来

    点赞 打赏 评论
  • 白若蓝 2016-03-24 07:58

    修改按钮那里传id到相应的controller中执行就可以

    点赞 打赏 评论
  • qq_32504001 2016-03-24 08:03

    谢谢,两位大神的回答。我这个没调用后台,就是从文本中取的数据。现在想对修改按钮对应行就行操作(点击修改按钮,跳转到一个form表单页面,

    修改完页面提交返回回来)

    点赞 打赏 评论
  • 直接在当前页面修改不就好了,干嘛要新页面打开,要修改服务器数据要使用asp,asp.net那种,js修改不了

    序号 业务名称 系统名称 渠道名称 环节树 操作
    1 业务名称1 系统名称1 渠道名称1 环节树1
    2 业务名称2 系统名称2 渠道名称2 环节树2
    function Modify(btn) { var modify = btn.value == '修改' var tr = btn.parentNode.parentNode; if (modify) { tr.cells[1].innerHTML = '<input type="text" value="' + tr.cells[1].innerHTML.replace(/"/g, '&quot;') + '"/>' tr.cells[2].innerHTML = '<input type="text" value="' + tr.cells[2].innerHTML.replace(/"/g, '&quot;') + '"/>' tr.cells[3].innerHTML = '<input type="text" value="' + tr.cells[3].innerHTML.replace(/"/g, '&quot;') + '"/>' tr.cells[4].innerHTML = '<input type="text" value="' + tr.cells[4].innerHTML.replace(/"/g, '&quot;') + '"/>' } else { tr.cells[1].innerHTML = tr.cells[1].firstChild.value.replace(/</g, '&lt;').replace(/>/g, '&gt;') tr.cells[2].innerHTML = tr.cells[2].firstChild.value.replace(/</g, '&lt;').replace(/>/g, '&gt;') tr.cells[3].innerHTML = tr.cells[3].firstChild.value.replace(/</g, '&lt;').replace(/>/g, '&gt;') tr.cells[4].innerHTML = tr.cells[4].firstChild.value.replace(/</g, '&lt;').replace(/>/g, '&gt;') } btn.value=modify?'更新':'修改' }
    点赞 打赏 评论
  • 田心王大可 2016-03-25 03:43

    有后台的操作 还是会比较好的

    点赞 打赏 评论

相关推荐 更多相似问题