向下一页提交表行ID

Question

我有一个功能良好的表，在该表中，我必须获取行ID以提交到下面的页面，在该页面中显示表行的详细数据。ID由mySQL记录的ID表示。

实际结果是，Ajax/POST没有将ID提交到下面的页面。实际产出：

• POST变量在下面的页面中为空
• method="post“是为整个HTML全局定义的。
• 在表行上的双击键正常工作后，重定向到下面的页面

表-页(thispage.php)：

  <table class="table" id="showcase-example-1" data-toggle-column="last" data-paging="true" data-paging-size="15" data-filtering="true" data-sorting="true" data-state="true" data-empty="no records yet">
    <thead>
        <tr>
            <th data-breakpoints="xs" data-sorted="true">Account Name 1</th>
            <th data-breakpoints="xs sm md">Account Name 2</th>
            <th data-breakpoints="xs">Address 1</th>
            <th data-breakpoints="xs">Address 2</th>  
            <th data-breakpoints="xs">ZIP</th>
            <th data-breakpoints="xs">City</th>
            <th data-breakpoints="xs sm md">State</th>
            <th data-breakpoints="xs sm">Country</th>
            <th data-breakpoints="xs sm">Internet</th>
            <th data-breakpoints="xs sm md">Telephone Fixed Line</th>
            <th data-breakpoints="xs sm md">Line of Business</th>
            <th data-breakpoints="xs sm md">Turnover</th>
            <th data-breakpoints="xs sm md">Number Employees</th>
            <th data-breakpoints="xs sm md">Number Subsidaries</th>
            <th data-breakpoints="xs sm md">Our Competition</th>
        </tr>
    </thead>
    <tbody action="thispage.php">
                    <tr data-expanded="true" type="text" name="recordIDaccounts" class="recordIDaccounts" value="12" ondblclick="window.location.replace('nextpage.php')">
            <td>ABC</td>
            <td>Inc.</td>
            <td>Examplestreet</td>
            <td>No. 1</td>
            <td>12345</td>
            <td>Examplecity</td>
            <td>Examplestate</td>
            <td>Examplecountry</td>
            <td>www.internet.com</td>
            <td style="min-width:180px;">+1-123-1234567</td>
            <td>Machinery</td>
            <td>1 Mio.</td>
            <td>123</td>
            <td>12</td>
            <td>Examplecompetition</td>
        </tr>
                </tbody>
</table>

<script type="text/javascript">

//dynamische Tabelle
jQuery(function($){
    $('.table').footable();
});

//Account-ID des doppelgeklickten Datensatzes auf die Folgeseite übergeben
$('.recordIDaccounts').on('dblclick', 'tr', function(e){
    e.preventDefault();
    var row = FooTable.getRow(this);
    var value = row.val(); //liefert ein multidimensionales Array mit allen Zeilen-Daten
    var id = this.cells[2].innerHTML; //die ID befindet sich an 3. Position
    var recordIDaccounts = id.toString();
    console.log(recordIDaccounts);
    $.ajax({
        method: "POST", //as well as type: "POST",
        url: "accountsdetails.php",
        data: {recordIDaccounts: recordIDaccounts}        //wenn die Änderung ausgeführt wurde    
    }).done(function(msg){
        //alert("recordIDaccounts übermittelt"); 
    });
});
</script>

在这里，POST变量保持为空的接收页面：

<?PHP
//Datensatz-ID des übergebenen Accounts ermitteln
    if(array_key_exists("recordIDaccounts", $_POST)){
        $recordIDaccounts = mysqli_real_escape_string($link, $_POST['recordIDaccounts']);
    }

echo "Post-ID Datensatz-Nummer -recordIDaccounts-: ".$recordIDaccounts."<br>";
?>

你有什么想法吗？我经常使用ajax，但现在是第一次提交表格行ID .

Answer 1

您使用的是一个表插件，我找不到任何“获取”文档。

如果这样做有效，可以对数组的内容进行ajax：

$('.recordIDaccounts').on('dblclick', function() {
  var vals = [];
  $("td", this).each(function() {
    vals.push($(this).text());
  });
  console.log(vals)
  // here you have an array of the textual content of the cells
});