從ajax數據庫獲取數據

Question

嘿傢伙我知道這是問了很多次，這是我第一次遇到問題，我需要從數據庫中獲取數據，但它不工作，並且在控制檯中沒有錯誤。我因爲某種原因無法工作，我的一切設置都正確，我猜我的ajax很好？

這裏是我的html：

<div class="form-group"> 
    <label> Event</label> 
    <?php 
    $event = $con->prepare('SELECT * FROM event'); 
    $event->execute(); 
    $eventrows = $event->fetchAll(); 
    ?> 
    <select class="form-control" id="event" name="event_id"> 
     <?php 
     foreach ($eventrows AS $eventrow) { 
     ?> 
     <option 
     value="<?php echo $eventrow['EventID']; ?>"><?php echo $eventrow['EventName']; ?></option> 
     <?php } ?> 
    </select> 
</div> 
<div class="form-group"> 
    <label> Level</label> 
    <select class="form-control" id="level" name="level_id"> 
    </select> 
</div> 

我阿賈克斯

<script> 
$(document).ready(function() { 
    $('#event').change(function() { 
    var event_id = $(this).children(":selected").val(); 
    $.post("get_level.php", { 
     event_id: event_id 
    }, function(data, status) { 
     console.log(status); 
     if (status == 'success') { 

     var loopdata = JSON.parse(data); 
     $('#level').html('') 
     $.each(loopdata, function(i, item) { 
      $('#level').append("<option value='" + loopdata[i].LevelID + "'>" + loopdata[i].LevelName + "</option>"); 
     }); 
     console.log(data); 
     } 
    }); 
    }); 
}); 
</script> 

get_level.php

<?php 
session_start(); 
include 'connect.php'; 

$reg = $con->prepare("SELECT * FROM Level WHERE EventID = '".$_POST['event_id']."'"); 
$reg->execute(array()); 
$allreg=$reg->fetchAll(); 
echo json_encode($allreg); // pass array in json_encode 
?> 

Answer 1

有代碼沒有問題，但代碼的位置，阿賈克斯的原因沒有奏效它應該是包含頁腳後頁面中的最後一件事情因爲頁腳包含jQuery包括

Answer 2

$(document).ready(function() { 
    $('#event').change(function() { 
    var event_id = $(this).val(); 
    $.post("get_level.php", { 
     event_id: event_id 
     }, 'json') 
     .done(function(loopdata) { 
     $('#level').html('') 
     $.each(loopdata, function(i, item) { 
      $('#level').append("<option value='" + item.LevelID + "'>" + item.LevelName + "</option>"); 
     }); 
     }); 
    }); 
});