PHP Ajax javascript循环通过表与输入字段

时间:2018-04-15 07:18:29

标签: javascript php ajax

当我使用ajax javascript单击按钮时,如何获取每行的特定输入值。这是我的代码

这是我使用输入字段和按钮单独动态从数据库获取数据的示例

<div style="width:100%; min-height:275px;">
                <table width="100%" border="0" cellspacing="0" cellpadding="0" class="tablelist">
                    <form  action=""  method="get" name="formwebservice">
                    <tr>
                        <td colspan="3">
                            <div class="pgLoading">
                                <table style="border:1px solid #FF00A6; border-top:none;" class="tablelisttable" 
                                       border="0" cellspacing="0" cellpadding="0">
                                    <tr class="tablelisttr">
                                        <td>Branch ID</td>
                                        <td>Branch Code</td>
                                        <td>Branch Name</td> 
                                        <td>Last Sync Date</td>
                                        <td>Start Date</td>
                                        <td>End Date</td>
                                        <td>Synchronization</td>
                                        <td></td> 
                                    </tr>
                                    <?php 
                                        $query_branch="SELECT * FROM Branch";
                                        $query_branch_result=mysqli_query($con,$query_branch) or die(mysqli_error($con));
                                        while ($row = mysqli_fetch_assoc($query_branch_result)) {
                                                echo "<tr class='listtr' align='center'>
                                                          <td>".$row['BranchID']."</td>
                                                          <td>".$row['BranchCode']."</td>
                                                          <td>".$row['BranchName']."</td>
                                                          <td>2018-04-14 05:39:57</td>
                                                          <td><input type='text' name='startdate'> </td>
                                                          <td><input type='text' name='enddate'></td>
                                                          <td><input type='button' name='sync' value='Synchronize'></td>
                                                          <td>0/0</td>
                                                      </tr>";
                                        }
                                     ?>
                                </table>
                            </div>
                        </td>
                    </tr>
                </form>
                </table>
            </div>

index.js

 $(function(){

    $('[name=sync]').click(function(){
        $.ajax({
            type        :   "get",
            data        :   $('[name=formwebservice]').serialize(),
            url         :   "save.php",
            success     :   function(data){
                $('.loader').html('&nbsp;');
                $('.pgLoading').html(data).hide().fadeIn('slow');

            },
            beforeSend  :   function(){
                $('.loader').html('Loading... Please wait...').hide().fadeIn();
            }
        });

    }); });

save.php

if(isset($_GET['startdate']) && isset($_GET['enddate'])) {

$StartDate=$_GET['startdate'];
$EndDate=$_GET['enddate'];

echo $StartDate;
echo $EndDate;
}else{
echo "NO DATA INPUT";
}

我的问题是$ _GET [&#39; startdate&#39;]并且$ _GET [&#39; enddate&#39;]未设置,所以我总是没有数据输入。

0 个答案:

没有答案