Могу ли я POST значения в MySQL и одновременно просматривать его на Bootstrap Modal?

Question

Могу ли я POST значения в MySQL и одновременно просматривать его на Bootstrap Modal?

0

У меня есть форма, и она публикует значения в базе данных MySQL, но я хочу показать значения в модальной форме, как только я отправил форму, но я не знаю, что я делаю неправильно.

Вот мой фрагмент формы:

 <form action="menuactions/temporesto.php" method="post" enctype="multipart/form-data">
   <label class="control-label">First Name:</label>
 <input class="form-control" placeholder="John" type="text" name="first_name" required autofocus/>
<br />
<label>Last Name:</label>
<input class="form-control" placeholder="Doe" type="text" name="last_name" required/>
<br />
<label>Contact:</label>
<input class="form-control" placeholder="Email/Phone Number" type="text" name="contact" required/>
<br /><label>Order Date:</label>
<input class="form-control" placeholder="mm/dd/yy" type="text" name="eventdate" required/>
<br />
    <label>Event Time:</label>
    <br />
    <select id="eventtime" class="form-control" name="eventtime1">
     <option value="item0">--Select Time--</option>
     <option value="11:00 am - 2:00 pm">11:00 am - 2:00 pm</option>
     <option value="6:00 pm - 9:00 pm">6:00 pm - 9:00 pm</option>
     <option value="7:00 pm - 10:00 pm">7:00 pm - 10:00 pm</option>
     <option value="3:00 pm - 6:00 pm">3:00 pm - 6:00 pm</option>
     <option value="4:00 pm - 7:00 pm">4:00 pm - 7:00 pm</option>
    </select>
    <br/>
    <label>Event Hours:</label>
    <br />
    <input class="form-control" id="eventhours" value="3 Hours" type="text" name="eventhours1" readonly/>
    <br />

 <button type="submit" name="submit" class="btn btn-info btn-lg" data-toggle="modal" data-target="#checking">Submit</button>
 </form>

И это мой модальный:

 <!-- Modal -->
 <div id="checking" class="modal fade" role="dialog">
<div class="modal-dialog">

  <!-- Modal content-->
  <div class="modal-content">
    <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal">&times; </button>
     <h4 class="modal-title">Reservation Information</h4>
    </div>
    <div class="modal-body">
       <label><h2>Name: <?php echo $row['first_name'];?> </h2></label>
    </div>
    <div class="modal-footer">
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    </div>
   </div>

Или мне нужно открыть его на новой странице вместо Modal?

Я могу представить значения в MySQL прекрасно, но он не будет отображаться на модальном.

Ellis Cristoph 22 янв. 2018, в 18:06

Источник

Теги:

php

mysql

1 ответ

Ещё вопросы

Cody Caughlan · Answer 1 · 2018-01-22T15-10-00.000Z

Если конечная цель состоит в том, чтобы сделать динамику модального контента, у вас есть два варианта:

Используйте два модала, один для отправки формы, который вы затем закрываете на отправке, а затем открываете второй модальный. Возможно, прочитав ответ из первого представления, в котором содержится весь контент, необходимый для заполнения второго модального кода. Это означает, что пользователь видит первый модальный шкур и второе шоу, которое может быть не идеальным.
Используйте 1 модальный, но сделайте фактическое содержание тела динамичным. Скорее всего, вам нужно будет сделать эту клиентскую сторону в некотором роде. Например, первый пробег через модальный знает его в режиме отправки, поэтому он отображает этот пользовательский интерфейс, а затем после отправки, который получает новый контент (или, возможно, вам нужно создать новую конечную точку сервера, которая просто возвращает новый контент), модальные переключатели в режим отображения, где вы затем обновляете элементы DOM внутри модального. В зависимости от того, сколько у вас контента, вам может понадобиться модальный повторный запуск его проверки высоты и настройки.

Для # 2 в любом случае мы предполагаем, что у вас есть какая-то полезная нагрузка для ответа, которая говорит вам, что такое новый модальный контент, это может быть в JSON, raw-тексте, XML и т.д. Эта полезная нагрузка может быть ответом от первого form submit или может быть удалена из другой конечной точки сервера после отправки, которая возвращает представление нового контента.

Что касается реализации # 2, вы можете сделать это, используя прямой Javascript/jQuery и создавая новые элементы DOM на лету, или вы можете использовать язык шаблонов на стороне клиента (например, Handlebars или Mustache) или, может быть, реализовать такое решение, как Vue. js, который просто управляет этим модальным контентом.

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