Php 使用jquery时没有结果_Php_Jquery_Mysql

Php 使用jquery时没有结果

php jquery mysql

Php 使用jquery时没有结果,php,jquery,mysql,Php,Jquery,Mysql,我刚开始使用jquery，现在正在使用jqwidgets。我假设所有jquery文件都是正确的，所以问题一定出在我自己的代码中。有两个文件，takenlijstdata.php和takenlijst.php。第一个执行查询并在数组中显示所有正确的内容当我打开takenlijst.php时，它会给我一个带有一些过滤选项的表，我得到一个空页面 <!DOCTYPE html> <html lang="en"> <head> <title id='De

我刚开始使用jquery，现在正在使用jqwidgets。我假设所有jquery文件都是正确的，所以问题一定出在我自己的代码中。有两个文件，takenlijstdata.php和takenlijst.php。第一个执行查询并在数组中显示所有正确的内容

当我打开takenlijst.php时，它会给我一个带有一些过滤选项的表，我得到一个空页面

<!DOCTYPE html>
<html lang="en">
<head>
    <title id='Description'>Testpagina.</title>
    <script type="text/javascript" src="http://www.site.com/jquery/scripts/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="http://www.site.com/jquery/jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="http://www.site.com/jquery/jqwidgets/jqxdata.js"></script>
    <script type="text/javascript" src="http://www.site.com/jquery/jqwidgets/jqxbuttons.js"></script>
    <script type="text/javascript" src="http://www.site.com/jquery/jqwidgets/jqxscrollbar.js"></script>
    <script type="text/javascript" src="http://www.site.com/jquery/jqwidgets/jqxlistbox.js"></script>
    <script type="text/javascript" src="http://www.site.com/jquery/jqwidgets/jqxdropdownlist.js"></script>
    <script type="text/javascript" src="http://www.site.com/jquery/jqwidgets/jqxmenu.js"></script>
    <script type="text/javascript" src="http://www.site.com/jquery/jqwidgets/jqxgrid.js"></script>
    <script type="text/javascript" src="http://www.site.com/jquery/jqwidgets/jqxgrid.filter.js"></script>
    <script type="text/javascript" src="http://www.site.com/jquery/jqwidgets/jqxgrid.sort.js"></script>
    <script type="text/javascript" src="http://www.site.com/jquery/jqwidgets/jqxgrid.selection.js"></script>
    <script type="text/javascript" src="http://www.site.com/jquery/jqwidgets/jqxpanel.js"></script>
    <script type="text/javascript" src="http://www.site.com/jquery/jqwidgets/jqxcalendar.js"></script>
    <script type="text/javascript" src="http://www.site.com/jquery/jqwidgets/jqxdatetimeinput.js"></script>
    <script type="text/javascript" src="http://www.site.com/jquery/jqwidgets/jqxcheckbox.js"></script>
    <script type="text/javascript" src="http://www.site.com/jquery/jqwidgets/globalization/globalize.js"></script>
    <script type="text/javascript" src="http://www.site.com/jquery/scripts/demos.js"></script>
    <script type="text/javascript" src="generatedata.js"></script>
    <script type="text/javascript">
    $(document).ready(function () {

        // prepare the data

        var source =
            {
                localdata: data,
                datafields:
                [
                    { name: 'taaknummer', type: 'string' },
                    { name: 'naam', type: 'string' },
                    { name: 'taak', type: 'string' },
                    { name: 'prioriteit', type: 'string'},
                    { name: 'datum', type: 'date' }
                ],
                datatype: "array",
                url: 'http://www.site.com/management/takenlijstdata.php',
                async: false
            };

        var dataAdapter = new $.jqx.dataAdapter(source);
            $("#jqxgrid").jqxGrid(
            {
                width: 685,
                source: dataAdapter,
                showfilterrow: true,
                filterable: true,
                selectionmode: 'multiplecellsextended',
                columns: [
                  { text: 'Name', columntype: 'textbox', filtertype: 'textbox', filtercondition: 'starts_with', datafield: 'taaknummer', width: 115 },
                  {
                      text: 'naam', filtertype: 'checkedlist', datafield: 'naam', width: 220
                  },
                  { text: 'taak', datafield: 'available', columntype: 'checkbox', filtertype: 'bool', width: 67 },
                  { text: 'prioriteit', datafield: 'date', filtertype: 'date', width: 210, cellsalign: 'right', cellsformat: 'd' },
                  { text: 'datum', datafield: 'quantity', filtertype: 'number',  cellsalign: 'right' }
                ]
            });
            $('#clearfilteringbutton').jqxButton({ height: 25});
            $('#clearfilteringbutton').click(function () {
                $("#jqxgrid").jqxGrid('clearfilters');
            });
        });
     </script>
</head>
<body class='default'>
    <div id="jqxgrid">
    </div>
    <input style="margin-top: 10px;" value="Remove Filter" id="clearfilteringbutton" type="button" />
</body>
</html>


Testpagina。
$（文档）.ready（函数（）{
//准备数据
变量源=
{
localdata:data，
数据字段：
[
{name:'taaknummer'，键入：'string'}，
{name:'naam'，type:'string'}，
{name:'taak'，键入：'string'}，
{name:'prioriteit'，键入：'string'}，
{name:'datum'，type:'date'}
],
数据类型：“数组”，
网址：'http://www.site.com/management/takenlijstdata.php',
异步：false
};
var dataAdapter=new$.jqx.dataAdapter（源）；
$（“#jqxgrid”）.jqxgrid(
{
宽度：685，
来源：dataAdapter，
是的，
可过滤：正确，
selectionmode:“MultipleCellsStrended”，
栏目：[
{text:'Name'，columntype:'textbox'，filtertype:'textbox'，filtercondition:'starts_with'，datafield:'taaknumer'，width:115}，
{
文本：“naam”，过滤器类型：“checkedlist”，数据字段：“naam”，宽度：220
},
{text:'taak'，datafield:'available'，columntype:'checkbox'，filtertype:'bool'，width:67}，
{text:'prioriteit'，datafield:'date'，filtertype:'date'，width:210，cellsalign:'right'，cellsformat:'d'}，
{text:'datum'，datafield:'quantity'，filtertype:'number'，cellsalign:'right'}
]
});
$（'clearfilteringbutton'）.jqxButton（{height:25}）；
$（'#clearfilteringbutton'）。单击（函数（）{
$（“#jqxgrid”）.jqxgrid（“clearfilters”）；
});
});

同样，我是jquery新手，如果这是一个奇怪/愚蠢的问题，我很抱歉。

看看这个，我看到您在实例化源变量时引用了变量“data”，但我没有看到您页面上任何地方定义的“data”变量。

我看到了另一个问题：1。数据未定义且为2。您可以设置“url”和“localdata”。您应该使用“url”或“localdata”。示例：

您是否尝试在chrome或firefox中打开javascript调试器？如果您可以使用chrome或firefox，请在控制台中查看输出，并检查“Log XMLHttpRequests”以在chrome中进行调试。