jgrid 加载之前的 Ajax 调用

Question

我需要从 php 脚本预加载一些值，我使用 $.post 调用（jquery），如下所示：

...    
var grade, section,from,until,user;


        function loadData(){
            $.post('procstring.php', {data: window.location.hash},
                   function(result){
                    grade = result.grade;
                    section = result.section;
                    from = result.from;
                    until = result.until;
                    user = result.user;
                    },
            'json');
        }

我需要这些值来呈现这样的 jqgrid

$("#list").jqGrid({

            url: 'report.php?g=' + grade + '&s=' + section + '&f=' + from + '&u='+ until + '&u=' + user + '&report=1&searchString=null&searchField=null&searchOper=null',
            datatype: 'json',
            mtype: 'GET',
…

所以我在 $(" 之前调用 loadData #list").jqGrid({… 但 jqgrid 似乎是在 loadData 之前加载的，不知道为什么，所以我在年级、部分变量上得到了未定义的值。

我尝试过使用 jgrid 事件，例如beforeRequest 和 loadBeforeSend 无济于事

？谢谢。

Answer 1

因为AJAX是异步的。您需要将 $("#list").jqGrid({... 放在成功回调中：

// No need to define the variables outside
$.post('procstring.php', { data: window.location.hash },
    function(result)
        var grade = result.grade;
        var section = result.section;
        var from = result.from;
        var until = result.until;
        var user = result.user;

        $("#list").jqGrid({...
},
'json');