1. Ajax
兼容性一般,成功率最低!
2. img
兼容性最好,成功率较高
使用img发送请求并附带参数
const img = new Image()
img.src='http://.../button-01.gif?x=1&y=2'
当点击某个button时,向后端发送某个img的请求(gif格式的图片较小),并传递一些参数,后端就可以获取参数并进行处理。
处理结束后根据状态返回不同图片结果:eg:成功返回1x1的图片,失败返回1x2的等。
3. sendBeacon
成功率最高,兼容性最差!
navigator.sendBeacon(url,data)
支持先发送数据,后跳转