從數據庫中動態獲取信息

Question

我的頁面上有一個數據列表，它顯示了我的數據庫中的多個行作爲選項。我希望用戶能夠在數據列表中選擇其中一個選項，並通過頁面從數據庫中獲取該特定信息的其餘信息，並更改頁面上的HTML以輸出該信息。我知道有一種方法可以在不需要重新加載頁面的情況下進行，就像使用AJAX一樣，您將不得不使用PHP。我只是不知道如何。任何幫助？

Answer 1

對此參考http://api.jquery.com/jquery.ajax/ 使用jQuery是很容易一看（jQuery是一個JavaScript框架）

$.ajax({ 
    type: "GET", 
    url: 'test.php', 
    data: {"type":"check"}, 
    success: function(response){ 
     console.log(response); 
     //This is your content you get from your php file, now you can assign it to html using jQuery 
     $('p.print').html(response); 
    } 
}); 

Datalist中意味着你有一個選擇框？於是呼裏面是這樣的Ajax請求：

$('select').on('change', function() { 
    $(this).val(); //Get the option which was selected 
    //Ajax request here regarding to the selected option 
}); 

Answer 2

的想法是發送一個Ajax請求到服務器時被觸發您的DataList一個javascript改變事件來獲取數據。假設你正在使用jQuery：

$('SELECTOR_FOR_DATALIST').on('change', function() { 
    var record_id = $(this).val(); // this gets the value of your selected data 
    var data = { 
     'id': record_id 
    }; 

    $.ajax({ 
     type: "GET", 
     url: 'endpoint.php', // this is your endpoint for server side processing 
     data: data, 
     success: function(response) { 
      // here's where you'll handle a successful response from the server 
     }, 
     error: function(jqXHR, textStatus, errorThrown) { 
      // handle error response here 
     } 
    }); 
});