关于Ajax前端Success后接受不到数据的问题

 $(function () {
          
            $("#query_task").click(function () {
                // console.log("button clicked");
                var test = "232";

                $.ajax(
                    {
                        url: "/intelliaccquery/loadCache/queryTasks",
                     
                        type: 'get',
                   
                        success: function (data) {
                           // data = JSON.parse(data);
                            var html = " ";
                            if (data != null) {
                                for (var i = 0, len = data.length; i < len; i++) {
                                    var item = data[i];
                                    html += "<tr><td>" + item + "</td></tr>";
                                }
                            }
                            $("#task").html(html);
                        },
                        complete:function(response){
                                console.log(response);
                        }

                    }
                )
            });
        }
    );

</script>

 @RequestMapping("/queryTasks")
    public String queryAllTasks()
    {

        Map<String,String> map = new HashMap<>();
        map.put("1", "task1");
        map.put("2", "task2");
        String string =  JSONObject.toJSONString(map);
        return  string;
    }

一开始的Map，导致传到前端的数据如下"{1:"task1",2:"task2"}"

 Map<Integer,String>

实际，json的键值是在引号内，如"{"1":"task1","2":"task2"}"

导致前台无法识别后台的数据，因为制定数据类型位json

记录一下这个问题。