data-id是怎么传入的

前端显示的是“data-id”js中是

 productCategoryId : target.dataset.id，前端的值是怎么传递给 productCategoryId的？

$('.category-wrap').on('click', '.row-product-category.now .delete',
function(e) {
         var target = e.currentTarget;
$.confirm('确定么?', function() {
            $.ajax({
               url : deleteUrl,
type : 'POST',
data : {
                  productCategoryId : target.dataset.id
},
dataType : 'json',
success : function(data) {
                  if (data.success) {
                     $.toast('删除成功！');
getList();
} else {
                     $.toast('删除失败！');
}
               }
            });
});
});

视线模糊 2021-08-03

源自：项目：校园商铺-商品管理及前台展示 1-6 商品类别删除的前端开发

收起

1回答

好帮手慕小班 2021-08-04 11:27:00

同学你好，这里的e是指事件对象event。

而target.dataset.id中：target触发事件的源组件，dataset是事件源组件上由data-开头的自定义属性组成的集合，这里就是获取标签为data-id的值。

对应在页面中

对应就得到了传递的值。

祝学习愉快~

收起回答

提问者视线模糊 #1

currentTarget是什么意思喃？target触发事件的源组件是什么意思啊，这个必须这样写吗？
一下写法可以吗

$('.category-wrap').on('click', '.row-product-category.now .delete',
function(e) {
        
$.confirm('确定么?', function() {
            $.ajax({
               url : deleteUrl,
type : 'POST',
data : {
这一步这样写，直接获取前端的data-id的值？
                  productCategoryId : }dataType 'json'success function() {
                  if (success) {
                     $toast('删除成功！')getList()} else {
                     $toast('删除失败！')}
               }
            })})})

2021-08-07 18:48:19

提问者视线模糊 #2

上一个回复获取data-id没有写出来，下面这样写可以吗
$('.category-wrap').on('click', '.row-product-category.now .delete',
function(e) {
         
$.confirm('确定么?', function() {
            $.ajax({
               url : deleteUrl,
type : 'POST',
data : {
                  productCategoryId : }dataType 'json'success function() {
                  if (success) {
                     $toast('删除成功！')getList()} else {
                     $toast('删除失败！')}
               }