javascript - data-role, data-url如何使用？

Question

<input type="submit" data-role="send_message" data-url='Message/doSend'/>

请问点击此按钮之后的流程是怎样的？ 是利用data-role 找到js里面的send_message?
还是直接跳到data-url?

Answer 1

这与js的具体操作有关吧，一般在标签上添加属性: data-xx=“...” ，在js中通过$(dom).attr('data-xx')获取属性值，实现数据的传递，然后经行后续操作。

Answer 2

data 是 html5 新添的东西，用来自定义属性。通过 el.dataset[prop] 来访问，如 data-url 用 el.dataset.url 来访问。

Answer 3

data只是存储数据，不回添加任何额外的操作的。
所以在没有JS的情况下，点击例子中的按钮，就说提交表单。

Answer 4

启动时候加入一个事件绑定

$(function() {
    $('[data-role]').click(function() {
        var fn = $(this).data('role');
        window[fn]();
    });
});