I am having problem with my jQuery function what I am trying to achieve

Question

0

Editorial Team

Asked: May 23, 20262026-05-23T07:24:14+00:00 2026-05-23T07:24:14+00:00

I am having problem with my jQuery function what I am trying to achieve

0

I am having problem with my jQuery function what I am trying to achieve is to populate data in a listbox

The JavaScript function

function load() {
        $.getJSON('${findAdminGroupsURL}', {
            ajax : 'true'
        }, function(data) {
            var html = '<option value="">Groups</option>';
            var len = data.length;
            for ( var i = 0; i < len; i++) {
                html += '<option value="' + data[i].name + '">' + data[i].name
                        + '</option>';
            }
            html += '</option>';

            $('#selection').html(html);
        });
    }

The server side is

@RequestMapping(value = "groups", method = RequestMethod.GET)
    public @ResponseBody
    List<Group> getGroups() {
        return this.businessGroups();
    }

I call load() function on load it triggers the function getGroups() and returns the list successfully but the problem is once the getGroups() is finished

function(data) doesn’t load never gets into that function and the error is