将Javascript(HTML表格内容)数组传递给php文件

时间:2016-11-21 18:12:21

标签: php jquery html ajax

我非常困惑,我一直在寻找一种解决方案,通过javascript数组(如果这确实是捕获HTML表格数据的最佳方法)将HTML表格内容传递给php文件,这样我就可以做任何我喜欢的事情了数据。

我已经简化了示例代码中显示的表格,以便更容易,我将使用的表格会有很多行,数据更复杂等。

get_table_data_php中的当前代码是: -

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

<div id ="results_table">
    <table id="stats_table">
        <tr>
            <td>Car</td><td>Engine</td><td>Color</td><td>Price</td>
        </tr>
        <tr>
            <td>Ford</td><td>2 Litre</td><td>Blue</td><td>22,000</td>
        </tr>
        <tr>
            <td>Audi</td><td>2.5 Litre</td><td>White</td><td>25,000</td>
        </tr>
    </table>    
</div> 


<script>
var myTableArray = [];
$("table#stats_table tr").each(function() { 
    var arrayOfThisRow = [];
    var tableData = $(this).find('td');
    if (tableData.length > 0) {
        tableData.each(function() { arrayOfThisRow.push($(this).text()); });
        myTableArray.push(arrayOfThisRow);
    }
});

alert(myTableArray); // alerts the entire array

alert(myTableArray[0][0]); // Alerts the first tabledata of the first tablerow

$.ajax({
   type: "POST",
   data: {myTableArray:myTableArray},
   url: "stats.php",
   success: function(msg){
     $('.answer').html(msg);
   }
});


</script>

调用stats.php文件中的代码如下: -

<?php
var_dump($_POST);
?>

调用php文件中的代码按预期运行,并按预期显示(通过我的理智中的警报)表数据。

然后,名为(stats.php)的文件没有做任何事情,因此我不知道它的工作原理以及问题是什么原因并不存在。

我对Javascript和Ajax方面都很陌生,所以任何帮助都会受到赞赏。

此致

艾伦

0 个答案:

没有答案