1 问题描述

明明是后台开发，却因为接手了一个前后端完全不分离的jsp+servlet+JDBC的项目而被迫走上了写前端代码的不归路……遇到的问题也是极多。
ajax代码：

$.ajax({
    url: globalServer + "/startlogjupyter",
    type:'get',
    dataType : "json",
    data:{
        logname:logname,
        taskname:taskname
    },
    success:function (data) { 
            var noteForURL = document.getElementById("noteforURL");  
            noteforURL.innerText = data;
            noteforURL.style.display = "block";
            //打开窗口
            window.open(data, "_blank");
    },
    error:function (err) {
        if(window.console){
            console.log(err);
        }
    }
});

java代码执行完主要逻辑返回一个字符串给前端：

//此处省略一大堆代码
……
String url = "http://www.baidu.com";
response.setCharacterEncoding("utf-8");
response.setContentType("application/json");
PrintWriter out = response.getWriter();
out.write(url);
out.flush();
out.close();

结果，F12查看network选项中该接口请求成功，state为200，response为"http://www.baidu.com"。但是此时前端却无法显示和跳转，console log打印的error信息如下图所示：

console log打印的error信息
看到是parsererror后，开始怀疑请求和后台的数据类型不一致。
最终定位到问题的原因是前后端的数据类型不一致，ajax请求中定义了dataType : "json"，而后台返回的是字符串。

2 解决方案

在后台代码中将返回的字符串进行json转换，转换成json格式的字符串再返回即可。