Question

好的，我第一次跳进类似AJAX的行为......

我想基于用户点击链接加载带有pdf的div。如果用户点击第二个链接，则应使用新的pdf覆盖div。

所以我想用以下的东西进行测试：

<script>
    function showPdf()
    {
        var pdfDiv = document.getElementById("pdfDiv");
        pdfDiv.innerHTML='<object type="application/pdf" data="my.pdf" width="500" height="650" ></object>';
    }
</script>
<div id="pdfDiv"></div>

然而，这不起作用。

我猜我可能正在设置innerHTML，但实际上并没有提取文件。我想我需要一些AJAXy知识才能在页面加载后强制执行新请求。有人能指出我正确的对象开始探索吗？

Answer 1

您可以尝试使用类似this ...

的内容

Answer 2

我会尝试更轻松的事情：使用Google PDF Viewer服务。您只需要创建一个iframe并更改其src：

<iframe src="http://docs.google.com/gview?url=http://infolab.stanford.edu/pub/papers/google.pdf&embedded=true" style="width:600px; height:500px;" frameborder="0"></iframe>

Answer 3

您尝试过使用iframe吗？整个“文档”不一定是PDF网址吗？

如何使用AJAX将pdf带入div？

3 个答案: