Javascript 更改html上的js数组

我想在点击后操作一个js数组，但它不会被触发

这里就是一个例子

我所做的是：（我需要重新设置先前加载到表中的数据集，请看上面的示例）

---

AJAX响应参数不会覆盖范围更大的

数据
var。我该怎么做？要编辑此文档中任何位置的数据，则无法覆盖数据集2=[[“sasa”、“a”、“a”]]；选择与参数名称不同的
var
名称，并使用赋值或数组操作方法。DataTables警告：表id=菜单-无法重新初始化DataTable。有关此错误的更多信息，请参阅AJAX响应参数不会覆盖范围更大的
数据
var。我如何才能做到这一点？要编辑此文档中任何位置的数据，则无法覆盖数据集2=[[“sasa”、“a”、“a”]]；选择与参数名称不同的
var
名称，并使用赋值或数组操作方法。DataTables警告：表id=菜单-无法重新初始化DataTable。有关此错误的详细信息，请参阅
$(document).ready(function() {
  $(".retrievemenu").click(function() {
    //alert( this.id );
    //$('#menus').hide();
    var restid = this.id;
    data = [
      ["sasa", "a", "a"]
    ];
    $.post("server.php", {
      retrievemenu: 1,
      restid: restid
    }, function(data) {

      console.log(data);
      $('#menus').hide();
      $('#menus').DataTable({
        data: data,
        columns: [{
            title: "Restaurant Name"
          }, {
            title: "Menu Name"
          }, {
            title: "Actions"
          }

        ]
      });
      $('#menus').show();

    });
  });
});