За последние 24 часа нас посетили 20818 программистов и 1131 робот. Сейчас ищут 422 программиста ...

js+php+bootstrap

Тема в разделе "JavaScript и AJAX", создана пользователем l_2001, 1 июн 2021.

  1. l_2001

    l_2001 Активный пользователь

    С нами с:
    9 дек 2014
    Сообщения:
    54
    Симпатии:
    2
    Здравствуйте!
    такая связка: передаю в js переменную, js передаёт в php, получает данные в alert... в ответе может быть несколько строк... пытался отформатировать через \n, но хром не даёт в таком случае выделять строки в окне alert и копировать, хотя FF пофиг, он даёт... гуглил, таки хром плохо относится к спецсимволам... остался bootstrap, а вот туда я не могу затолкать то, что мне возвращает php... нашёл что-то похожее... осталось в "Modal Body" передать выхлоп date... Как? подскажите пожалуйста! Вот исходники...:
    html:
    <div class="modal" id="myModal">
    <div class="modal-dialog">
    <div class="modal-content">
    <!-- Modal Header -->
    <div class="modal-header">
    <h4 class="modal-title">Modal Heading</h4>
    <button type="button" class="close" data-dismiss="modal">?</button>
    </div>
    <!-- Modal body -->
    <div class="modal-body">
    Modal body..
    </div>
    <!-- Modal footer -->
    <div class="modal-footer">
    <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
    </div>
    </div>
    </div>
    </div>

    js:
    function Show(id, res){
    var msg = id+res;
    $.ajax({
    type:'POST',
    url:'json.php',
    data:msg,
    success:function (data) {
    console.log(data);
    if (data) {
    $('#myModal').modal('show')
    }
    }
    });
    }
    PS прошу не пинать...! заранее спасибо!
     
  2. musicman3

    musicman3 Активный пользователь

    С нами с:
    30 июн 2019
    Сообщения:
    144
    Симпатии:
    12
    Адрес:
    Дыра на карте
    Код (Javascript):
    1. var ajax_data = document.createElement('div');
    2. ajax_data.innerHTML = data;
    3.  document.querySelector('#myModal').replaceWith(ajax_data.querySelector('#myModal'));
    Таким образом заменяем #myModal окна на #myModal ответа.