时间戳

首页 > 解决方案 > 使用 jquery 将 PHP 转换为 PDF

javascript - 使用 jquery 将 PHP 转换为 PDF

问题描述

我正在尝试使用 jquery 将表数据转换为 pdf。它不起作用。当我单击按钮时它不会转换。看来提交按钮根本不起作用

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
        <meta name="description" content="" />
        <meta name="classification" content="" />
        <title>Geochronology Asset Management System | Add Sample</title>
        <!-- BOOTSTRAP CORE STYLE  -->
        <link href="assets/css/bootstrap.css" rel="stylesheet" />

        <script>

    $(document).ready(function(e){
        console.log("test")
        $("#pdf1").click(function(e){
            $("#tablepdf").tableExport({
                type:'pdf',
                escape:'false'
            });
        });
    });

    </script>

    </head>

    <body>


<h2>Export Data to pdf with PHP and MySQL</h2>

<button  id="pdf1"  class="btn btn-info">Export to pdf</button>

<table id="tablepdf" class="table table-striped table-bordered">
<tr>
<th>Name</th>
<th>Gender</th>
<th>Age</th>
<th>Designation</th>
<th>Address</th>
</tr>
<tr>
<th>Name</th>
<th>Gender</th>
<th>Age</th>
<th>Designation</th>
<th>Address</th>
</tr>
<tr>
<th>Name</th>
<th>Gender</th>
<th>Age</th>
<th>Designation</th>
<th>Address</th>
</tr>
<tr>
<th>Name</th>
<th>Gender</th>
<th>Age</th>
<th>Designation</th>
<th>Address</th>
</tr>
</table>
</div>
  </body>
    <!-- FOOTER SECTION END-->
    <!-- JAVASCRIPT FILES PLACED AT THE BOTTOM TO REDUCE THE LOADING TIME  -->
    <!-- CORE JQUERY  -->
    <script src="assets/js/jquery-1.10.2.js"></script>
    <script src="assets/js/tableExport.js"></script>
    <script src="assets/js/jquery.base64.js"></script>
    <!-- BOOTSTRAP SCRIPTS  -->
    <script src="assets/js/bootstrap.js"></script>
        <!-- For PDF-->
    <script src="assets/js/jspdf/jspdf.js"></script>
    <script src="assets/js/jspdf/libs/sprintf.js"></script>
    <script src="assets/js/jspdf/libs/base64.js"></script><!-- This templates was made by Colorlib (https://colorlib.com) -->
      <!-- CUSTOM SCRIPTS  -->
    <script src="assets/js/custom.js"></script>
</html>

谁能建议我的代码有什么问题，我已经包含了所有库函数。库文件的顺序有什么问题吗？

标签： javascriptphphtmlmysqlpdf-conversion

解决方案

推荐阅读