jsp页面ajax后台取得json数据更新到页面下拉列表

1.jsp页面部分

<script type="text/javascript">
    function callbackF(data) {
        var t = eval(data);
        $('#selectRoleInfo').empty();
        var employeeArr = document.getElementById('selectRoleInfo'); 
        for(var i=0;i<t.length;i++){
            var op = document.createElement("OPTION"); 
            op.value = data[i].roleId;  
            op.innerHTML =data[i].roleName; 
           employeeArr.appendChild(op); 
            
        }
    }
    function getRoleListByDepartId() {
        
        var departId = $('#selectDepart').val();

        var params = "departId="+departId;
        $.ajax({
            type : "POST",
            url : "/ajaxGetRoleListByDepartId.htm",
            dataType : "json",
            data : params,
            success : callbackF,
            error:
                function(xhr,e1,e2){
                alert('系统错误!');
            }

        });
    }
</script>