Как я могу использовать AJAX, чтобы принести PDF в div?

Question

Хорошо, в моем первом прыжке в AJAX-подобное поведение ...

Я хочу загрузить файл PDF в зависимости от того, нажал ли пользователь на ссылку. Если пользователь нажимает на вторую ссылку, div должен быть перезаписан новым pdf.

Итак, я решил протестировать что-то вроде:

<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? Разве весь документ не должен быть URL-адресом PDF?