0

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

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

如果有人有使用 Bpopup 的经验,请在这种情况下提供帮助,因为 Bpopup 是一个优秀的模态并且我在我的实际项目中使用,这是一个详细介绍 Bpopup API 的 url

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

实现:

该网站目前在线,请不要无端否定,请评论

4

1 回答 1

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 正文标记中

    <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)的引用是有效的,如果您的路径不正确,代码显然将无法工作。

于 2014-01-23T16:32:03.780 回答