乐鲜系统注册功能模块

用户注册成功后跳转登录页，抓包注册接口无响应数据

用户注册失败后不跳转页面，抓包注册接口有响应数据

使用Postman和JMeter对接口进行抓包，注册成功与否都有响应数据

判断：页面跳转影响浏览器对响应数据的加载

查看页面源码，定位触发接口请求的元素-立即注册按钮

根据按钮属性查找元素绑定的js事件

这里通过id选择器绑定立即注册，点击触发函数逻辑

再往下找接口请求

这里绿色的是请求成功回调函数，红色是失败回调函数

成功回调函数中，定义响应状态码code如果非0，则显示错误信息，并退出函数

如果响应状态码为0（成功），则对用户名进行编码后，以用户名和电话为参数，跳转到注册成功页面

要进一步验证是否页面跳转导致该问题，可以对跳转函数打断点

点击-立即注册

这里可以看到，接口被成功调用，并返回响应数据

切换到网络查看接口抓包结果

接口也成功返回了相应数据

结论：本项目中F12开发者工具抓包无法加载响应数据是因为前端接收到注册成功的响应后进行页面跳转。但是前端页面跳转太快没有处理完返回结果，导致无法加载响应数据

解决：在页面跳转上设置延时

setTimeout(function() {
    window.location = 'registersuccess.html?username=' + user + "&phone=" + phone;
}, 2000); // 2000毫秒 = 2秒

如下：注册接口成功返回响应数据