提交表单使用AJAX和在一个灯箱中显示结果
我想要做的是当有人点击一个图像,对PHP文件的AJAX调用和返回的数据将显示在Lightbox弹出窗口。提交表单使用AJAX和在一个灯箱中显示结果
这里是我使用
$(".infoimg").on("click",function() {
var theid = $(this).attr('id');
var infofile = "http://www.mydomain.ext/info.php";
$('.spinners').show().css({"display":"inline-block", "margin":"0 0 0 5px"});
$.post(infofile,
{ "theid": theid },
function(data){
$('.spinners').hide();
$('.infobox').html(data);
}
);
});
代码现在,我想证明.infobox
的内容设置在收藏夹中的数据在其中填充后。或者,甚至更好的是,在一个Lightbox弹出窗口中显示返回的数据,而不会将其送入任何div。
在不同ID的页面中会有几个.infoimg
图像类。 var theid
实际上是图像的ID。
请帮忙。
我无法收藏到jsFiddle在所有的工作,但我有一种感觉,如果你喜欢安排
<a href="http://www.mydomain.ext/info.php?theid=thisImageId">
<img src="thisThumbnailImageSrc" id=thisImageId/>
</a>
您的图片我尝试了我的想法我的本地机器上,将工作,它似乎上班。灯箱一直等待,直到完成接收图像数据。它并不关心扩展是什么,所以只要你的php返回的数据是一个图像,你可以使用这个解决方案。我还没有加载像HTML这样的任意数据,但是我会继续研究它并更新这个答案,如果我弄明白的话。
这样的图像,我仍然觉得它会起作用。 :( – Abhik 2013-03-02 11:50:12
对不起,我没有在任何地方设置PHP服务器来摆弄它,我可以尝试使用Ruby服务器来处理它,JavaScript应该是相同的,但我今天不会。 – 2013-03-02 14:50:43
该网址应该在引号中。 – techfoobar 2013-03-01 18:19:35
您使用的是哪个灯箱框架? – 2013-03-01 18:24:20
@AustinMullins,http://leandrovieira.com/projects/jquery/lightbox/但是,我渴望任何框架。 – Abhik 2013-03-01 18:25:43