javascript - 如何在 JavaScript/Ajax 调用中从 HTML 获取变量

Question

我正在使用 Zend Framework 2。我想知道如何在我的 javascript 代码中获取以 html 定义的数据。

html

<tr class="MyClass" data-MyData="<?php echo json_encode($array);?>">

JavaScript

$(document).on('click','.MyClass', function () {

        var temp =document.getElementsByClassName("data-MyData");

        $.ajax({
            url: path_server + "pathDefinedInMyConfig",
            type: 'post',
            encode: true,
            dataType: 'json',
            data: {
                'temp ': temp 
            },
            success: function (data) {
                //some code
            },
            error: function () {
                alert("ERROR");
            }
        });
});

问题是我无法在我的 Controller 方法中访问行。我想访问在我的 Controller 中以 html 定义的我的 $array。

Answer 1

问题是您试图通过名称data-MyData 来查找类，但是您“想要”查找的对象是“MyClass”

尝试类似var temp =document.getElementsByClassName("MyClass").attr("data-MyData");

更好的是，由于您使用 MyClass 单击对象，您可以使用 $(this).attr('data-MyData');

然后结果将如下所示:var temp = $(this).attr('data-MyData');