jq绑定动态参数问题

2016-02-26 10:01:49 220 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

国产数据库工具实战：用金仓KStudio的SQL编辑器搞定复杂数据操作与调试本文详细介绍了如何利用金仓KStudio的SQL编辑器高效处理复杂数据操作与调试。通过智能编码辅助、可视化事务管理和动态调试体系三大核心功能，KStudio显著提升开发者在数据迁移、报表生成等场景的工作效率。文章结合电商订单分析实战案例，展示了从SQL编写到结果分析的全流程优化方案。阅读详情



<button onclick="get('customer/modify.cj?sortid=' +customer.ID)">编辑</button>

<button onclick="get('customer/delete.do?id='+customer.ID)">删除</button>

customer.ID是通过点击页面中某个列表获取到的值，这个值是不确定的，之前通过onclick可直接获取到，因为onclick中允许存在js代码，所以可以很方便的获取到。

现在代码改为：



<button url="customer/modify.cj">编辑</button>

<button url="customer/delete.do">删除</button>

通过获取url属性，再绑定事件到节点上，来实现跳转，这个时候，要怎么获取到参数customer.ID呢，而且参数有时候不止一个，参数名称也不一定customer.ID,也可能是user.ID，这个时候应该怎么来处理参数呢。

...全文

保姆级教程：用STM32F103C8T6和MAX6675搞定K型热电偶测温（附模拟/硬件SPI双版本代码）本文提供STM32F103C8T6与MAX6675实现K型热电偶高精度测温的保姆级教程，涵盖硬件连接、SPI驱动实现及模拟SPI方案，并附双版本代码。详细解析温度数据读取、处理及常见问题排查，助力工业控制、实验室设备等场景的稳定测温系统搭建。阅读详情

hljt512

JavaScript 87,983 成员 224,681 内容

+ 关注 + 加入社区

切换为时间正序

hljt512 2016-02-26

打赏
举报

引用 3 楼 danding_ge 的回复:

[quote=引用 2 楼 hljt512 的回复:] [quote=引用 1 楼 danding_ge 的回复:] 改成url是为什么呢？没道理啊！
        function editItem() {
            var item = document.getElementById("btnEdit");
            var customerId = item.dataset.customerId;
            var customerName = item.dataset.customerName;
        }
    <button data-customerId="1" data-customerName="小明" id="btnEdit" url="customer/modify.cj" onclick="editItem()">编辑</button>
不知道你的绑定事件是怎么写的，我就用onclick代替了，这里data-*是可以自定义的。

改成url是为了隐藏url，事件绑定完了之后再删除掉url属性，这里不能使用data-customerName="小明"这种形式，因为参数是通过点击其它节点获取到的，所以想来想去，还是onclick合适[/quote]通过点击其它节点获取到的参数不影响使用data-*啊！为什么不能用，你删了url会把整个button属性都删了？[/quote] 整个节点是这样：


<button url="customer/modify.cj">编辑</button>
<button url="customer/delete.do">删除</button>

<table>
    <tr rowid="1"><td>客户一</td></tr>
    <tr rowid="2"><td>客户二</td></tr>
    <tr rowid="3"><td>客户三</td></tr>
..................
</table>

对button绑定的方法:


var get = function(obj){
    var config=obj.data;
    var url = config.url+$.getUrlLike(config.url)+"timestamp="+(new Date)*1;
    $.get(url, function (obj) {
       ...............
    });
};

每次点击表格行的时候，就会将rowid写入customer.ID这个对象里面，如果在节点上用onclick的话，就可以直接获取到customer.ID这个对象，但现在的方式就没办法获取到customer.ID,因为get方法不知道有个customer.ID对象存在

公西雒 2016-02-26

打赏
举报

引用 2 楼 hljt512 的回复:

[quote=引用 1 楼 danding_ge 的回复:] 改成url是为什么呢？没道理啊！
        function editItem() {
            var item = document.getElementById("btnEdit");
            var customerId = item.dataset.customerId;
            var customerName = item.dataset.customerName;
        }
    <button data-customerId="1" data-customerName="小明" id="btnEdit" url="customer/modify.cj" onclick="editItem()">编辑</button>
不知道你的绑定事件是怎么写的，我就用onclick代替了，这里data-*是可以自定义的。

hljt512 2016-02-26

打赏
举报

引用 1 楼 danding_ge 的回复:

改成url是为什么呢？没道理啊！

        function editItem() {
            var item = document.getElementById("btnEdit");
            var customerId = item.dataset.customerId;
            var customerName = item.dataset.customerName;
        }

    <button data-customerId="1" data-customerName="小明" id="btnEdit" url="customer/modify.cj" onclick="editItem()">编辑</button>

不知道你的绑定事件是怎么写的，我就用onclick代替了，这里data-*是可以自定义的。

改成url是为了隐藏url，事件绑定完了之后再删除掉url属性，这里不能使用data-customerName="小明"这种形式，因为参数是通过点击其它节点获取到的，所以想来想去，还是onclick合适

公西雒 2016-02-26

打赏
举报

改成url是为什么呢？没道理啊！

        function editItem() {
            var item = document.getElementById("btnEdit");
            var customerId = item.dataset.customerId;
            var customerName = item.dataset.customerName;
        }

    <button data-customerId="1" data-customerName="小明" id="btnEdit" url="customer/modify.cj" onclick="editItem()">编辑</button>

不知道你的绑定事件是怎么写的，我就用onclick代替了，这里data-*是可以自定义的。

jq绑定动态参数问题

相关推荐