Как открыть PDF-файл во всплывающем окне?

Question

Я хочу открыть PDF-файл (из базы данных), используя событие onclick для передачи двух параметров.

Вот мой HTML

<td class="text-center"> 
    <button  data-toggle="modal" data-target="#myModal1" onclick="edit_book1(<?php echo $row['markid'].'/'.$row['appno'];?>)"><i class="glyphicon glyphicon-eye-open"></i></button>
</td>

AJAX

          function edit_book1(markid)
      {
        save_method = 'update';
        $('#form2')[0].reset(); // reset form on modals

        //Ajax Load data from ajax
        $.ajax({
          url : "<?php echo site_url('/users/ajax_edit1')?>/" + markid,
          type: "POST",
          dataType: "JSON",
          success: function(data)
          {
          console.log(data.file_name);
          alert(data);


              $('[name="title"]').val(data);   

              $('#modal_form2').modal('show'); // show bootstrap modal when complete loaded
              $('.modal-title').text('Upload Images'); // Set title to Bootstrap modal title

          },
          error: function (jqXHR, textStatus, errorThrown)
          {
              alert('Error get data from ajax');
          }
      });
      }

модальное окно

          <div class="modal fade" id="modal_form2" role="dialog" >
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h3 class="modal-title">Book Form</h3>
          </div>
          <div class="modal-body form">
           <!-- <form action="#" id="form1" class="form-horizontal">  -->
              <?php $this->load->helper("form"); ?>
            <form action="<?php echo base_url();?>upload/do_upload" id="form2" method="post" class="form-horizontal" enctype="multipart/form-data">

              <input type="text" value="<?php echo $appno; ?>" name="appno" readonly/>
              <div class="form-body">
                <div class="form-group">
                  <label class="control-label col-md-3"></label>
                  <div class="col-md-3">
                    <input name="title" readonly="true" placeholder="Markid" class="form-control"  >
                  </div>


                <div class="modal-footer">
                  <input type="submit" class="btn btn-primary" id="submit" value="Upload" />

             </div>

            </form>
              </div>

            </div><!-- /.modal-content -->
          </div><!-- /.modal-dialog -->
        </div><!-- /.modal -->

Модальное окно не может быть открыто.какую ошибку я сделал?Кто-нибудь, пожалуйста, помогите мне решить проблему.Предупреждение отображается правильно, но не отображается окно