javascript - 如何从提交的按钮帖子上的 Javascript 返回并访问对象？

Question

我正在开发一个Javascript，旨在从单击的按钮返回然后操作一个对象。我现在陷入困境，如何获取它的对象，然后在 post 方法上处理它。在我的按钮上我有这个:

<button type="submit" name="submit" form="form-add" id="export-btn" class="btn btn-small"  style="border-radius: 0;"><i class="fas fa-save"></i><span class="button-save"></span>Save</button>

我有这个 javascript 方法:

<script type="text/javascript">
    var $TABLE = $('#table');
    var $BTN = $('#export-btn');
    var $EXPORT = $('#export');
        ...

        // A few jQuery helpers for exporting only
        jQuery.fn.pop = [].pop;
        jQuery.fn.shift = [].shift;

        $BTN.click(function () {
            var $rows = $TABLE.find('tr:not(:hidden)');
            var headers = [];
            var data = [];

          // Get the headers (add special header logic here)
          $($rows.shift()).find('th:not(:empty)').each(function () {
            headers.push($(this).text().toLowerCase());
          });

          // Turn all existing rows into a loopable array
          $rows.each(function () {
            var $td = $(this).find('td');
            var h = {};

            // Use the headers from earlier to name our hash keys
            headers.forEach(function (header, i) {
                h[header] = $td.eq(i).text();   
            });

            data.push(h);
        });

          // Output the result
          $EXPORT.text(JSON.stringify(data));

          return data;
        });
</script>

在我的页面顶部我有这个:

if(isset($_POST['submit'])){
   echo "Test";
   // Process here the object
}

但是我如何访问这些数据，因为$EXPORT.text(JSON.stringify(data));输出一个JSON，看起来像这样 [{"id":"1","Val":"Sample","data":"Sample Date"}] 在我的段落标记上。

Answer 1

您无法发布段落中的数据。在表单中创建隐藏输入并将数据分配给它。

$(this).append($("<input />", { name : "foo", value : data,  type : "hidden" }))