使用提交按钮获取 Jquery 变量作为 php 变量

Question

我有一个表（3 行），用户可以通过单击“选择按钮”来选择一行的三个变量。我需要这三个变量作为 php 变量才能继续使用它们。

桌子

echo '<table class="formatHTML5" id="myTable">';

$count = 0;

foreach($data2['wow_accounts']['0']['characters'] as $key => $item) {

        $count = $count + 1;

        echo '<tr>';

        echo '<td class="p"><span>';

        echo  $count;

        echo '</td></span>';

        echo '<td>';

        echo  $item['name'];

        echo '</td>';

        echo '<td>';

        echo  $item['realm']['name'];

        echo '</td>';

        echo '<td>';

        echo  $item['level'];

        echo '</td>';

        echo '<td>';

        echo  '<button class="btnSelect">Select</button>';

        echo '</td>';

        echo '</tr>';

}

        echo '</table>';

表 HTML 输出

<table class="formatHTML5" id="myTable">

<tbody>

<tr>

<td class="p"><span>1</span></td>

<td>User100</td>

<td>Malygos</td>

<td>1</td>

<td><button class="btnSelect">Select</button></td>

</tr>

</tbody>

</table>

jquery脚本：

$(document).ready(function(){

    // code to read selected table row cell data (values).

    $("#myTable").on('click','.btnSelect',function(){

         // get the current row

         var currentRow=$(this).closest("tr"); 

         

         var col1=currentRow.find("td:eq(0)").html(); // get current row 1st table cell TD value

         var col2=currentRow.find("td:eq(1)").html(); // get current row 2nd table cell TD value

         var col3=currentRow.find("td:eq(2)").html(); // get current row 3rd table cell  TD value

      

         var data1=col1;

         var data2=col2;

         var data3=col3;

          

         $.ajax({

        type: "POST",

        url: "ajax-callback.php",

       data: data1, data2, data3;

       success: function(resultData) { alert("Save Complete") }

    });

     

});

});

我想在用户单击“选择”按钮后将每个表行的变量作为 php 变量。

我读到这可以通过 ajax 和“ajax-callback.php”文件实现，所以我尝试过但没有成功。

这是我的 ajax-callback.php：

$data1 = $_POST['data1']  ;

echo $data1;

$data2 = $_POST['data2']  ;

echo $data2;

$data3 = $_POST['data3']  ;

echo $data3;

Answer 1

您需要一个对象来传递data您想要在 $_POST 中使用的键。这为您提供了 jQuery 在内部序列化对象后要发送的各种键/值改变data:&nbsp;data1,&nbsp;data2,&nbsp;data3;到data:&nbsp;{data1:&nbsp;data1,&nbsp;data2:&nbsp;data2,&nbsp;data3:&nbsp;data3},&nbsp;//note&nbsp;comma&nbsp;not&nbsp;`;`