Передать переменную во фрейм через loadData в Bpopup

Мне нужно передать значение в ajax iframe, для этого я использую метод loadData Bpopup.

Проблема в следующем: не знаю, как я передаю переменную в целевой фрейм ajax, поэтому, когда модальное шоу, поймайте это значение и обработайте его через jQuery

если у кого-то есть опыт использования Bpopup, пожалуйста, помогите в этом случае, потому что Bpopup - отличное модальное окно, и я использую его в своем реальном проекте, это URL-адрес с подробным описанием Bpopup API.

http://webcache.googleusercontent.com/search?q=cache%3Adinbror.dk%2Fblog%2F&oq=cache%3Adinbror.dk%2Fblog%2F&aqs=chrome..69i57j69i58.1553j0j4&sourceid=chrome&espv=210&es_sm=122&ie=UTF-8

PS: когда я писал эту заметку, это направление было оффлайн http://dinbror.dk/blog/bpopup

Актуализация:

веб-сайт в настоящее время ОНЛАЙН, пожалуйста, не делайте отрицательных выводов без причины, пожалуйста, прокомментируйте


person rsurjano    schedule 03.01.2014    source источник


Ответы (1)


Я согласен с @rsurjano, bPopUp() — это умный и очень полезный API. Я столкнулся с тем же затруднительным положением, пока не обнаружил, как использовать функцию loadData с помощью проверки плагинов.

Как вы, возможно, заметили, bPopUp() может принимать аргументы опций, для полной справки перейдите по ссылке:

http://dinbror.dk/blog/bPopup/

loadData работает с тремя другими аргументами, т.е.

  1. content //по умолчанию ajax - как будут загружаться данные, также принимает iframe и img
  2. contentContainer // имя целевого контейнера, куда будут загружены данные
  3. loadUrl // путь к источнику данных — может быть php-скрипт с обратной связью или другая html-страница

Вот что я сделал...

  1. HTML ...внутри тега html body

    <button id="showModal">click me</button>
    
    <div id="my_modal" style="display:none">
    
    </div>
    
  2. JavaScript

    $("#showModal").click(function(){
        var post_data = {myname:"munyaradzi ranga"};
        $('#my_modal').bPopup({
            content: 'ajax',
            contentContainer: '#my_modal',
            loadData: post_data,
            loadUrl: 'get-data.php'
        });
    });
    
  3. PHP

    <?php
        $name = $_POST['myname'];
        echo "<p>Hello $name<p>";
    ?>
    

ВНИМАНИЕ!!! 1. Я не занимался обычными вещами, такими как безопасность PHP. 2. Убедитесь, что ваши ссылки на внешние исходные файлы, например bPopUp.js, действительны, код явно не будет работать, если ваши пути неверны.

person bishop    schedule 23.01.2014