提交表单使用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。

请帮忙。

来源

2013-03-01 Abhik

该网址应该在引号中。 – 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

我无法收藏到jsFiddle在所有的工作，但我有一种感觉，如果你喜欢安排

<a href="http://www.mydomain.ext/info.php?theid=thisImageId"> 
    <img src="thisThumbnailImageSrc" id=thisImageId/> 
</a>

您的图片我尝试了我的想法我的本地机器上，将工作，它似乎上班。灯箱一直等待，直到完成接收图像数据。它并不关心扩展是什么，所以只要你的php返回的数据是一个图像，你可以使用这个解决方案。我还没有加载像HTML这样的任意数据，但是我会继续研究它并更新这个答案，如果我弄明白的话。

来源

2013-03-01 19:45:23

这样的图像，我仍然觉得它会起作用。 :( – Abhik 2013-03-02 11:50:12

对不起，我没有在任何地方设置PHP服务器来摆弄它，我可以尝试使用Ruby服务器来处理它，JavaScript应该是相同的，但我今天不会。 – 2013-03-02 14:50:43

提交表单使用AJAX和在一个灯箱中显示结果

回答

相关问题