phattrienweb

$("#gender").on("change", function() {
  $.ajax({
    type: "POST",
    data: {
      "gender": $("#gender").val()
    },
    url: "response.php",
    dataType: "json",
    success: function(JSONObject) {
      var peopleHTML = "";

      // Loop through Object and create peopleHTML
      for (var key in JSONObject) {
        if (JSONObject.hasOwnProperty(key)) {
          peopleHTML += "
"
;
            peopleHTML += "" + JSONObject[key]["name"] + "

"; peopleHTML += "" + JSONObject[key]["gender"] + ""; peopleHTML += ""; } } // Replace table’s tbody html with peopleHTML $("#people tbody").html(peopleHTML); } }); });

see more:

https://jonsuh.com/blog/convert-loop-through-json-php-javascript-arrays-objects/