Question

我有一个从MySQL数据库中获取数据的数据表。在我的数据库中，我有一个名为＆＃34; location＆＃34;这是一些音频文件的链接。数据库中的所有行都有各自的音频文件链接。我想要的是

当我点击数据表的任何一行时，浏览器应自动重定向到各自音频文件的链接。
存储在数据库中的当前链接用于本地IP。我想在重定向用户之前将链接更改为我的公共IP，因为本地IP不能在远程服务器上工作。以下是我的代码：

data table.php

 <?php
    /* Database connection start */
    $servername = "localhost";
    $username = "root";
    $password = "";
    $dbname = "vici";

    $conn = mysqli_connect($servername, $username, $password, $dbname) or die("Connection failed: " . mysqli_connect_error());

    /* Database connection end */


    // storing  request (ie, get/post) global array to a variable  
    $requestData= $_REQUEST;


    $columns = array( 
    // datatable column index  => database column name
        0 =>'recording_id', 
        1 => 'call_date',
        2=> 'location',
        3=> 'Agent',
        4=> 'phone'
    );

    // getting total number records without any search
    $sql = "SELECT recording_id, call_date, location,agent,phone";
    $sql.=" FROM goautodial_recordings_view";
    $query=mysqli_query($conn, $sql) or die("employee-grid-data.php: get employees");
    $totalData = mysqli_num_rows($query);
    $totalFiltered = $totalData;  // when there is no search parameter then total number rows = total number filtered rows.


    $sql = "SELECT recording_id, call_date, location,agent,phone";
    $sql.=" FROM goautodial_recordings_view WHERE 1=1";
    if( !empty($requestData['search']['value']) ) {   // if there is a search parameter, $requestData['search']['value'] contains search parameter
        $sql.=" AND ( recording_id LIKE '".$requestData['search']['value']."%' ";    
        $sql.=" OR call_date LIKE '".$requestData['search']['value']."%' ";
        $sql.=" OR agent LIKE '".$requestData['search']['value']."%' )";
    }
    $query=mysqli_query($conn, $sql) or die("employee-grid-data.php: get employees");
    $totalFiltered = mysqli_num_rows($query); // when there is a search parameter then we have to modify total number filtered rows as per search result. 
    $sql.=" ORDER BY ". $columns[$requestData['order'][0]['column']]."   ".$requestData['order'][0]['dir']."  LIMIT ".$requestData['start']." ,".$requestData['length']."   ";
    /* $requestData['order'][0]['column'] contains colmun index, $requestData['order'][0]['dir'] contains order such as asc/desc  */    
    $query=mysqli_query($conn, $sql) or die("employee-grid-data.php: get employees");

    $data = array();
    while( $row=mysqli_fetch_array($query) ) {  // preparing an array
        $nestedData=array(); 

        $nestedData[] = $row["recording_id"];
        $nestedData[] = $row["call_date"];
        $nestedData[] = $row["location"];
        $nestedData[] = $row["agent"];
        $nestedData[] = $row["phone"];

        $data[] = $nestedData;
    }



    $json_data = array(
                "draw"            => intval( $requestData['draw'] ),   // for every request/draw by clientside , they send a number as a parameter, when they recieve a response/data they first check the draw number, so we are sending same number in draw. 
                "recordsTotal"    => intval( $totalData ),  // total number of records
                "recordsFiltered" => intval( $totalFiltered ), // total number of records after searching, if there is no searching then totalFiltered = totalData
                "data"            => $data   // total data array
                );

    echo json_encode($json_data);  // send data as json format

    ?>

的index.php

<!DOCTYPE html>
<html>
    <title>GO VOIP</title>
    <head>
        <link rel="stylesheet" type="text/css" href="css/jquery.dataTables.css">
        <script type="text/javascript" language="javascript" src="js/jquery.js"></script>
        <script type="text/javascript" language="javascript" src="js/jquery.dataTables.js"></script>
        <script type="text/javascript" language="javascript" >
            $(document).ready(function() {
                var dataTable = $('#employee-grid').DataTable( {
                    "processing": true,
                    "serverSide": true,
                    "ajax":{
                        url :"employee-grid-data.php", // json datasource
                        type: "post",  // method  , by default get
                        error: function(){  // error handling
                            $(".employee-grid-error").html("");
                            $("#employee-grid").append('<tbody class="employee-grid-error"><tr><th colspan="3">No data found in the server</th></tr></tbody>');
                            $("#employee-grid_processing").css("display","none");

                        }
                    }
                } );

            $('.dataTable').on('click', 'tbody td', function() {

  //get textContent of the TD
  alert('TD cell textContent : ', this.textContent)

  //get the value of the TD using the API 
  ('value by API : ', table.cell({ row: this.parentNode.rowIndex, column : this.cellIndex }).data());
})
            } );
        </script>
        <style>
            div.container {
                margin: 0 auto;
                max-width:760px;
            }
            div.header {
                margin: 100px auto;
                line-height:30px;
                max-width:760px;
            }
            body {
                background: #f7f7f7;
                color: #333;
                font: 90%/1.45em "Helvetica Neue",HelveticaNeue,Verdana,Arial,Helvetica,sans-serif;
            }
        </style>
    </head>
    <body>
        <div class="header"><h1>DataTable demo (Server side) in Php,Mysql and Ajax </h1></div>
        <div class="container">
            <table id="employee-grid"  cellpadding="0" cellspacing="0" border="0" class="display" width="100%">
                    <thead>
                        <tr>
                            <th>Recording ID</th>
                            <th>Call date</th>
                            <th>Location</th>
                            <th>Agent</th>
                            <th>Phone</th>
                        </tr>
                    </thead>
            </table>
        </div>
    </body>
</html>

以下是屏幕截图：

Answer 1

你可以在简单的php中使用eco这样做：

echo '<a href="'.$stringwiththelink.'">Name of the song</a>';

如果单击它，它会将您重定向到该文件。

Answer 2

this

使用ajax从服务器获取JSON数据并手动将其添加到HTML表中，最后初始化数据表。

Answer 3

方法1：
SQL查询中的更改（仅限于不计算行的位置）

$sql = "SELECT recording_id, call_date, CONCAT('<a href="',location,'">get song</a>'),agent,phone";

注意：如果你在mysql中有一些像song_name这样的字段，那么你会以锚标记显示

$sql = "SELECT recording_id, call_date, CONCAT('<a href="',location,'">',song_name,'</a>'),agent,phone";

OR

方法2：
在循环中改变PHP //替换

$nestedData[] = $row["location"];

到

$nestedData[] = '<a href="'.$row["location"].'">get song</a>';

可点击数据表行

3 个答案: