开发者社区> 问答> 正文

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

数据
screenshot

jquery ajax获取方法
screenshot
screenshot

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

求各位大神指点迷津,小猴在这里谢过了!
screenshot

展开
收起
杨冬芳 2016-07-07 15:27:17 4214 0
1 条回答
写回答
取消 提交回答
  • IT从业
     <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>
    2019-07-17 19:52:53
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
23-Vue.js在前端...1506518547.pdf 立即下载
Javascript中的对象 立即下载
JavaScript函数 立即下载