データベースから情報を動的に取得する

Question

私のデータベースにはオプションとしていくつかの行を表示するデータリストがページにあります。私は、データリスト内のオプションの1つと、その特定のものの残りの情報をデータベースから取得し、その情報を出力するためにページ上のHTMLを変更するページを選択できるようにしたいと思います。 AJAXを使用する場合は、PHPを使用する必要があるように、ページをリロードする必要なしにこれを行う方法があることを理解しています。私はちょっとした手がかりがありません。どんな助け？

Answer 1

はjQueryを使って、この参照http://api.jquery.com/jquery.ajax/ の表情を持っていることは非常に簡単です（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); 
    } 
}); 

データリストは、あなたが選択ボックスを持っていることを意味？したがって、このような何かの内側にAJAXリクエストを呼び出す：

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

Answer 2

アイデアはjavascriptの変更イベントは、あなたのデータリストでトリガされたときにデータを取得するために、サーバーにAJAX要求を送信することです。あなたは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 
     } 
    }); 
});