Question

我已经构建了一个动态的ajax函数，可以保存data-xxx - 处理数据的元素值。但是我想缩短这个代码，这个代码取决于我想要处理的ajax-request：

var data_form = $(element).attr('data-form');
var data_index = $(element).attr('data-index');
var data_hide_error = $(element).data('hide-error');
var data_disable_blur = $(element).data('disable-blur');
var data_hide_success = $(element).data('hide-success');

我只有一行或两行代码，我检查元素中给出了哪些数据值，如果有一个数据值，我想创建一个具有该确切名称的变量。

例如：我点击此锚点<a href="#" data-index="1" data-form="#registerForm">send</a>，我的函数会自动创建变量var data_index = 1;和var data_form = '#registerForm';。

我怎么能实现这个目标？

Answer 1

也许你的意思是：使用.data（）将返回一个对象中的所有数据属性，以便在你调用的函数中使用

$(function() {
  $("a").on("click",function(e) {
    e.preventDefault();
    console.log($(this).data())
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<a href="#" data-index="1" data-form="#registerForm">send</a>

使用给定的数据属性动态创建javascript值？

1 个答案: