SyntaxError: Unexpected end of JSON input

心已赠人 2022-02-15 00:15 461阅读 0赞

## cause ##

以下为前端AJAX代码，用于删除后台用户数据。

$.ajax({
        method: "POST",
        url: "/DeleteUser",
        data: {
            id: row.id
        },
        success: function(data, textStatus, jqXHR) {
            console.log("删除成功");
            console.log("data", JSON.stringify(data));
            console.log("textStatus", textStatus);
            console.log("jqXHR", jqXHR);
        },
        error: function(jqXHR, textStatus, errorThrown) {
            console.log("删除失败");
            console.log("jqXHR", jqXHR);
            console.log("textStatus", textStatus);
            console.log("errorThrown", errorThrown);
        },
        dataType: "json"
    });

后端代码略。

但，数据库数据删除成功，前端却执行`error`方法。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1eXVqaW4xOTk3_size_22_color_000000_t_70]  
原因：`response`中没有返回JSON数据。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1eXVqaW4xOTk3_size_22_color_000000_t_70 1]  
HTTP请求的的状态码是`200 OK`，但响应没有数据(`Content-Length: 0`)。  
没有JSON所以解析JSON出错，执行`error`回调。

## resolve ##

在服务端代码中向响应添加数据即可。

response.setContenType("text/json; charset=UTF-8");	// 设置响应的内容类型和字符集
    PrintWriter writer = response.getWriter();	// 必须先设置响应的内容类型和字符集之后，再获取响应对象writer。
    response.write(JSON.toJSONString(object));	// object为写回的数据。用fastjson转换为JSON字符串。
    writer.close();

至于不同情况下写回的数据是什么，由自己决定。

控制台日志：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1eXVqaW4xOTk3_size_22_color_000000_t_70 2]  
HTTP请求和响应  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1eXVqaW4xOTk3_size_22_color_000000_t_70 3]  
响应数据预览  
![在这里插入图片描述][20190423154426336.png]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1eXVqaW4xOTk3_size_22_color_000000_t_70]: /images/20220215/79144829c8184d1aa00d491e1d407d49.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1eXVqaW4xOTk3_size_22_color_000000_t_70 1]: /images/20220215/48a785be852140279689e58f4635eea6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1eXVqaW4xOTk3_size_22_color_000000_t_70 2]: /images/20220215/aa53e59517624bbabe211c1a72792d6a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1eXVqaW4xOTk3_size_22_color_000000_t_70 3]: /images/20220215/f071539376a94696806fc9e573a0ff63.png
[20190423154426336.png]: /images/20220215/2a9987e888bb4440b69bb28fc13485e8.png