使用submitt按钮将Jquery变量作为php变量获取

使用submitt按钮将Jquery变量作为php变量获取,php,jquery,ajax,Php,Jquery,Ajax,我有一个表(3行),用户可以通过点击“选择按钮”选择一行中的三个变量。我需要这三个变量作为php变量来继续使用它们 表格 echo '<table class="formatHTML5" id="myTable">'; $count = 0; foreach($data2['wow_accounts']['0']['characters'] as $key => $item) { $count = $count + 1;

我有一个表(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>';
我希望在用户单击“选择”按钮后,将每个表行的变量作为php变量

我读到ajax和“ajax callback.php”文件可以实现这一点,所以我尝试了一下,但没有成功

这是我的ajax回调。php:

$(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") }
    });
     
});

});
$data1 = $_POST['data1']  ;
echo $data1;

$data2 = $_POST['data2']  ;
echo $data2;

$data3 = $_POST['data3']  ;
echo $data3;

您需要一个对象来传递给
数据
,其中包含要在$\u POST中使用的键

这为您提供了jQuery在内部序列化对象后要发送的各种键/值

改变

data: data1, data2, data3;


我改了,谢谢。但当我点击选择按钮时,仍然没有任何反应。在ajax-callback.php中没有警报和回声。单击事件是否有效?可以在浏览器开发工具网络(F12)中检查实际请求,查看发送的内容是否符合预期,查看请求状态(应为200),以及如果出现任何奇怪的情况,返回的内容。当我点击按钮时,控制台没有显示任何输出。是否有涉及包装表格和重新加载页面的表单?您在console中找到网络选项卡了吗?我已在起始帖子中发布了我的表格。这些表的内容来自我通过foreach循环得到的数组。当我单击选择按钮时,网络控制台中没有任何记录。请提供您的HTML以查看正在选择和发送的数据。此外,还缺少文档准备功能的右括号(代码>)在末尾,我已经添加了});最后。没有变化。我已经用表格的html输出编辑了我的起始文章。好吧,那么问题在于你在这里发布的内容或告诉我们的内容。这段代码和charlietfl答案应该足以让这段简单代码按要求工作。我确信问题中没有提到的某些错误。如果您选择使用
currentRow.find(“td:eq(0)”).find(“span”).html(),则
col1
将具有值
1
获取
span
标记中的值。另外,尝试使用
get
而不是
post
,并相应地更改
php
代码。
data: data1, data2, data3;
data: {data1: data1, data2: data2, data3: data3}, //note comma not `;`