如何使用AJAX从PHP传递数组

Question

I'm having some issues displaying an array which I created in a PHP file. The response data in question is data["vessel"] I have some jQuery:

j$('select[name=vessel]').change(function(e) {
        var tour_ID = j$('select[name=tour]').val();
        var trip_Date = j$('input[name=trip_Date]').val();
        var data = {
              "action": "Count_Vessels",
              "trip_Date": trip_Date,
              "tour_ID":tour_ID
            };
            data = j$(this).serialize() + "&" + j$.param(data);
            j$.ajax({
              type: "POST",
              dataType: "json",
              url: "../include/booking_Modify.php", 
              data: data,
              success: function(data) {
                  //console.log("vessel stack: " + data["vessel"][0]);
                  var arr=JSON.parse(data["vessel"]);
                  console.log("vessel stack: " + arr[0]);
                  console.log("Form submitted successfully.\nReturned json: " + data["json"]);
              },
              error: function (request) {
                console.log(request.responseText);
            }
            });
    });

The PHP:

function count_Vessels(mysqli $conn, $trip_Date, $tour_ID){
    $return = $_POST;
    $vessel_Stack = array(); 
    $vessel_Query = "SELECT * FROM Vessel";
    if(!$vessel_Results = $conn->query($vessel_Query)){
        die('There was an error running the query [' . $conn->error . ']');
    }
    while( $vessel_Row = $vessel_Results->fetch_assoc() ){
        $vessel_Stack[$vessel_Row['ve_ID']] = $vessel_Row['vessel_Name'];
    }

    $return['vessel'] = $vessel_Stack;
    $return["json"] = json_encode($return);
    echo json_encode($return);
 }

when I display data["json"] in console, I get Returned json: {"vessel":{"1":"Thriller","2":"Jammin","3":"Thunderstruck","4":"Wildthing","6":"Joyride"}

Which is awesome, but I don't know how to do that using the data["vessel"] Any help would be greatly appreciated.

Answer 1

I solved my own riddle. Because data["vessel"] is an array, I had to loop through it. Doing so like this worked:

j$.each(data["vessel"], function(key, val) {
    console.log('index ' + key + ' value ' + val);
});