Question

I have the following js:

$('.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);
    }
  );
});

Which passes 2 parameters (A get request to /sort): {"col"=>"DATA", "sort"=>"OTHERDATA"}

I’m new to JQuery and Ajax. How do I store The above DATA and OTHERDATA in a hidden field tag within my html? Is using JQuery.data() the best method to accomplish this task?

Answer 1

.data() is what I would use. You can do:

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

or

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