AngularJS $http POST提交大量数据时无响应的问题如何解决？

$http的params配置项会将所有参数序列化为查询字符串拼接在请求URL末尾，无论请求方法是GET还是POST。浏览器、Web服务默认均存在URL长度限制（大多为2KB~8KB），你提交的参数总长度超过20万字符，远超上限，请求在发送阶段就被拦截或截断，因此服务端无法收到数据，前端也只能拿到通用报错。

POST请求提交大体积数据请使用data配置项，参数会放在请求体中传输，无URL长度限制，修改后的代码示例如下：

$http({
    method : "POST",
    url    : "handleformurl",
    // 将原来的params替换为data
    data : [{user:"Peter",age:"25",gender:"m"}, /* 其余2000+条用户信息 */]
})

如果你的服务端原本是按查询参数逻辑解析数据，同步调整服务端解析逻辑，改为从POST请求体中解析JSON格式参数即可。

如果服务端不支持JSON格式的请求体，需要接收传统表单格式数据，可以额外增加如下配置：

• 注入$httpParamSerializerJQLike服务序列化参数
• 修改请求头指定表单格式
  代码示例：

$http({
    method : "POST",
    url    : "handleformurl",
    headers: {'Content-Type': 'application/x-www-form-urlencoded'},
    data: $httpParamSerializerJQLike({
        userList: [{user:"Peter",age:"25",gender:"m"}, /* 其余用户信息 */]
    })
})

不建议通过调整服务端URL长度上限的方式兼容原代码，该方案会带来严重的安全风险，且无法兼容所有浏览器的URL长度限制。

内容的提问来源于stack exchange，提问作者barry