我需要将值传递给ajax iframe,我使用Bpopup的loadData方法。
问题是:不知道我如何将变量传递给目标ajax帧,所以当模态显示时,捕获该值并通过jQuery处理它
如果有人有使用Bpopup的经验,请在这种情况下提供帮助,因为Bpopup是一个优秀的模式,我在实际项目中使用,这是一个详细介绍Bpopup API的网址
PS:当我写这篇文章时,这个方向已经离线http://dinbror.dk/blog/bpopup
Actualizacion:
该网站目前正在线上,没有理由不打算否定,请评论
答案 0 :(得分:1)
我同意@rsurjano,bPopUp()
是一个聪明的API,非常有帮助。在我发现如何通过插件检查使用loadData
函数之前,我遇到了同样的困境。
您可能已经注意到bPopUp()
可以接受选项参数,有关完整参考,请转到:
http://dinbror.dk/blog/bPopup/
loadData与其他三个参数一起使用,即
- 内容 //默认是ajax - 如何加载数据,也需要iframe& IMG
- contentContainer //目标容器的名称 - 将加载数据
- loadUrl //数据源的路径 - 可能是带有反馈或其他html页面的php脚本
醇>
这就是我做的......
HTML ...在您的html正文标记
中<button id="showModal">click me</button>
<div id="my_modal" style="display:none">
</div>
的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'
});
});
PHP
<?php
$name = $_POST['myname'];
echo "<p>Hello $name<p>";
?>
请注意!!! 我没有经历像PHP安全这样的正常事情。 2.确保您对外部源文件(例如bPopUp.js)的引用有效,如果您的路径不正确,代码显然将无效。