Edit in JSFiddle

function myFilter() {
  askiaVista.replay("1", {
    "subPopulation": {
      "definition": "??i1. Gender?? Has  {1}"
    }
  });
}
askiaVista.config({
  url: "https://show.askia.com/AskiaVistaReader.Net4/AjaxEmbedHandler.aspx",
  authenticityToken: "8662aa9c-0db1-4ea6-bc88-b1dd1305cb89",
  loadingMessage: '<img src="https://show.askia.com/AskiaVistaReader.Net4/ajax-loader.gif"/>',
  survey: "EX"
});

askiaVista.getPages({
  id: "1",
  "rows": [{
    shortcut: "7. Type",
    responses: [{
        name: "group1",
        responses: [1, 2]
      },
      3,
      4,
      5,
      6
    ]
  }],
  "columns": ["i1. Gender"],
  "containerId": "result"
});

function myFilter() {
  askiaVista.replay("1", {
    "subPopulation": {
      "definition": "??i1. Gender?? Has  {1}"
    }
  });
}

askiaVista.getPages({
  id: "2",
  "rows": [{
    shortcut: "7. Type",
    responses: [{
        name: "group1",
        responses: [1, 2]
      },
      3,
      4,
      5,
      6
    ]
  }],
  "columns": ["i1. Gender"],
  "containerId": "result2"
});
<input type="button" value="filter table 1" onclick="myFilter()" />
<div id="result"></div>
<br>
<div id="result2"></div>


              

External resources loaded into this fiddle: