Question

我正在尝试使用on ondown on-change功能访问数据库。然后，尝试将该数据存储到一个.json文件中。我想在不刷新当前页面的情况下将该数据检索到DataTable中。

问题：我无法将json文件的数据存储到DataTable中。最糟糕的是，这样做时我没有收到任何错误。我确信我犯了一些错误。

这里是存储到json文件中的Sample数据....

{"data":[{"ID":"1","ca_nm":"Candidate1 test","ma_nm":"Deep Bhatt"},{"ID":"2","ca_nm":"Candidate2 test","ma_nm":"Deep Bhatt"},{"ID":"3","ca_nm":"Candidate3 test","ma_nm":"Deep Bhatt"}]

以下是将数据存储到json文件中的代码。

   $vi_tab = $_POST['emp_teX'];
   if($vi_tab=='1'){
  $array_return = array();
        $query1 = mysqli_query($conn,"SELECT id,name,mana_name FROM sales ORDER BY id ASC");
        while($rows = mysqli_fetch_array($query1))
        {
            $pass_array['ID'] = $rows['id'];
            $pass_array['ca_nm'] = $rows['name'];
            $pass_array['ma_nm'] = $rows['mana_name'];
            array_push($array_return, $pass_array);
        }


        $changetab = fopen('tabdata.json', 'w');
        fwrite($changetab, '{"data":');
        fwrite($changetab, json_encode($array_return));
        fwrite($changetab, "}");
        fclose($changetab);
        }

这是我正在使用的ajax：

    <script type="text/javascript">

    function OnselectionChangge(table_te){

         $.ajax({
           type: 'POST',
            url: 'changeTeam2.php',
            data: 'emp_teX='+table_te,
            datatype: 'JSON',
            success: function(outdata){
                //alert(outdata);
                if (!$.fn.DataTable.isDataTable('#dataxxx')) {
                $('#dataxxx').DataTable({

                    "ajax": 'tabdata.json',
                    "dataSrc": "data",
                    "bRetrieve": 'true',
                    "destroy": "true",
                    "searching": "false",
                    "aoColumns": [ {
                    "ID": "ID"
                    },
                     {
                     "ca_nm": "Candidate"
                     },
                    {
                    "ma_nm": "Manager"
                     }
                    ]
                });

            }
        }
        });

    }
</script>

以下是下拉列表的代码，

     <select id="tea" name="tea" 
       onchange="OnselectionChangge(this.value)" required>
                    <option value="">Select One Team</option>
                    <option value="1">Team One</option>
                    <option value="2">Team two</option>
                    <option value="3">Team three</option>

                </select>

感谢您的帮助。

通过onchange事件将Json文件数据检索到数据表中

0 个答案: