通过Bpopup中的loadData将变量传递给帧

时间:2014-01-03 21:44:52

标签: jquery bpopup modalpopups

我需要将值传递给ajax iframe,我使用Bpopup的loadData方法。

问题是:不知道我如何将变量传递给目标ajax帧,所以当模态显示时,捕获该值并通过jQuery处理它

如果有人有使用Bpopup的经验,请在这种情况下提供帮助,因为Bpopup是一个优秀的模式,我在实际项目中使用,这是一个详细介绍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

Actualizacion:

该网站目前正在线上,没有理由不打算否定,请评论

1 个答案:

答案 0 :(得分:1)

我同意@rsurjano,bPopUp()是一个聪明的API,非常有帮助。在我发现如何通过插件检查使用loadData函数之前,我遇到了同样的困境。

您可能已经注意到bPopUp()可以接受选项参数,有关完整参考,请转到:

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

  

loadData与其他三个参数一起使用,即

     
      
  1. 内容 //默认是ajax - 如何加载数据,也需要iframe& IMG
  2.   
  3. contentContainer //目标容器的名称 - 将加载数据
  4.   
  5. loadUrl //数据源的路径 - 可能是带有反馈或其他html页面的php脚本
  6.   

这就是我做的......

  1. HTML ...在您的html正文标记

    <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>";
    ?>
    
  4. 请注意!!!   我没有经历像PHP安全这样的正常事情。   2.确保您对外部源文件(例如bPopUp.js)的引用有效,如果您的路径不正确,代码显然将无效。