Выполнение запроса и выборки db из-за мода загрузочного мода

Question

Возможно ли выполнить запрос базы данных MySQL из мода бутстрапа, основанного на выборе пользователя и извлечении результатов db в том же модальном режиме без модального закрытия? Вот пример из двух выпадающих списков в моем модуле.

<div class="tab-pane" id="relevance"> 
       <form> 
        <fieldset> 
        <div class="controls controls-row"> 
         <select class="span6"> 
          <option value="">Volume 1</option> 
          <option value="">Volume 2</option> 
         </select> 


         <select class="span6"> 
          <option value="">Number 1</option> 
          <option value="">Number 2</option> 
          <option value="">Number 3</option> 
          <option value="">Number 4</option> 
          <option value="">Number 5</option> 
          <option value="">Number 6</option> 
          <option value="">Number 7</option> 
          <option value="">Number 8</option> 

         </select> 
        </div><br> 
        <button type="submit" class="btn btn-warning">Sort</button> 
        </fieldset> 
       </form> 
      </div> 

Когда пользователь нажимает кнопку поиска, он должен запрашивать и отображать результаты без модального закрытия. Я могу обрабатывать операторы php и SQL, я просто не знаю, как это сделать.

Answer 1

Вы можете создать вызов AJAX для отправки формы на задний конец для извлечения данных. Добавить идентификатор к кнопке, чтобы идентифицировать его легко

<button type="submit" class="btn btn-warning" id="filter">Sort</button>

И в JavaScript Использование JQuery для создания AJAX вызова:

$(document).ready(function(){ 
    $('#filter').on('click', function(e) { 
    e.preventDefault(); 
    var url = 'path/to/php/script'; 
    var filterData = {}; //values you need to submit from the filter form 
    $.ajax({ 
     type: "POST", 
     url: url, 
     data: filterData, 
     success: function(data) { 
     // use data fetched to write it inside the DOM 
     } 
    }); 
    }); 
});