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

Question

我已经构建了一个动态ajax函数，可以保存data-xxx -处理数据的元素值。不过，我想缩短这段代码，它的值取决于我想要处理的 ajax 请求:

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');

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

例如:我点击这个 anchor <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>