如何将来自jQuery变量的值传递给PHP?

时间:2015-04-25 19:30:08

标签: javascript php jquery post

我正在处理的网页上有很多行数据,最后有复选框。

示例是:

checkbox row layout

所以当用户选中复选框时,我正在收集每行的页面ID。

但是如何将收集的数据从jQuery传递给PHP?

到目前为止,我有以下内容:

jQuery的:

var collectionOfPages = [];

(function ( $ ){
    $.fn.addCheckBox = function()
    {
        $("#submitAddID").on("click", this, function()
        {
               alert(collectionOfPages);
        });

        $("#addCheckBoxes input[type='checkbox']").click(function() 
        {      
            if($(this).prop('checked') == true) 
            {
                 $('#addCheckBoxes :checked').each(function() 
                 {
                    collectionOfPages.push($(this).val());
                 }); 
            } 
            else
            {                              
               //TODO
            }   
        });
    };   
})(jQuery);

PHP:

<form name="frmAdd" id="addCheckboxForm" method="post" action="index.php">
    <input type="hidden" name="useridHidden" id="useridHidden"/>
    <input type="hidden" name="pagesHidden"  id="pagesHidden" />
</form>

<table id="checkboxTables" cellpadding="10" cellspacing="1">
    <thead>
            <tr>
                <th><strong>Page ID</strong></th>
                <th><strong>Page Name</strong></th>
                <th><strong>Action</strong></th>
            </tr>
    </thead>

     <tbody>
             <tr id="addCheckBoxes">
                 <td><?php echo $row["PAGEID"]; ?></td>
                 <td><?php echo $row["PAGENAME"]; ?></td>
                 <td><input type="checkbox" name="chkboxAdd" $row["PAGEID"]; ?>">Add</td>
             </tr>
     </tbody>

</table>

<button type="button" name="submitAdd" id="submitAddID">Submit </button>

所以我想传递来自jQuery变量的值

collectionOfPages

到PHP变量:

$_POST['pagesHidden]

是在

中创建的
<input type="hidden" name="pagesHidden"  id="pagesHidden" />

提前谢谢。

1 个答案:

答案 0 :(得分:0)

您可以使用jQuery.ajax

$("#submitAddID").on("click", this, function() {
     $.ajax({
         method: "POST",
         url: "some.php",
         data: { 'collectionOfPages': collectionOfPages }
     });
});