Javascript 如何使用JQuery.data()存储2个参数

Javascript 如何使用JQuery.data()存储2个参数,javascript,jquery,ajax,Javascript,Jquery,Ajax,我有以下几点: $('.overview_table_header').click(function() { header = $(this) $.get("/sort", { col: $.trim($(this).text()), sort: header.data('sort') }, function(data) { $('#pages').html(data.html); header.data('sort', data.sort); }

我有以下几点:

$('.overview_table_header').click(function() {
  header = $(this)
  $.get("/sort", { col: $.trim($(this).text()), sort: header.data('sort') },
    function(data) {
      $('#pages').html(data.html);
      header.data('sort', data.sort);
    }
  );
});
它向/sort传递2个参数(get请求):
{“col”=>“DATA”,“sort”=>“OTHERDATA”}

我不熟悉JQuery和Ajax。如何将上述数据和其他数据存储在html中的隐藏字段标记中?是否使用最佳方法来完成此任务?

.data()是我将使用的方法。你可以做:

$(header).data({"col":"DATA", "sort":"OTHERDATA"});


“header”可以替换为对要在其中存储数据的任何元素的引用。可以给我看一下吗。我不想使用标题引用。如果可能的话,我想把它藏在一个隐蔽的地方。我不清楚你要找的地方。你说我的隐藏场是什么意思?您打算以后如何访问数据?问题是我使用的是带有JQuery/Ajax排序的Ruby will_paginate插件(Ruby)。当我翻页时,我失去了排序。我想将这个排序数据存储在一个HTML元素中;分页;然后提取存储的数据以维护我的排序。我无法访问标题中的数据。
$(header).data("col","DATA");
$(header).data("sort","OTHERDATA");