[发明专利]一种防止ajax请求重复提交的方法与系统

说明书

本发明提供一种防止ajax请求重复提交的方法与系统，所述方法包括以下步骤：S101、读取待发送ajax请求的url、参数、记录时间以及当前时间，保存至sessionstorage中；S102、根据存储时间差对存储数据进行定时清理；S103、比对下一个ajax请求和存放至sessionstorage中的url、参数，根据比对结果决定请求是否发送。本发明通过将ajax请求的url和参数保存至sessionstorage，通过比对创建请求的记录时间和当前时间，根据设定的存储时间进行请求数据的自动清理，并根据下次请求的url和参数在sessionstorage中查找是否有相同请求，从而避免请求重复发送，解决了当页面卡顿导致js执行延迟时出现的连击操作会导致重复提交请求的问题，可有效避免页面频繁出现卡死状况，提升用户体验。

技术领域

本发明涉及互联网通信技术领域，特别是一种防止ajax请求重复提交的方法与系统。

背景技术

在网页请求处理中，当用户点击按钮，提交需求时，则向服务器请求资源，不作处理时，多次点击后会有很多个请求在等待，会出现页面卡顿甚至崩溃的问题。

现阶段，Web页面的ajax请求控制重复提交的方法普遍为控制发起请求按钮的点击，即当发出请求后，将请求按钮禁止点击，当收到响应后或者一段时间之后再将按钮的禁用状态去掉，从而恢复正常，用户可以继续点击并发送请求。具体为当触发ajax请求时，改变提交按钮上的文字并将按钮设置为不可点击状态，当ajax请求完成时，改变提交按钮上的文字并将按钮设置为可点击状态。

但是由此带来的问题是不可避免的是当页面卡顿导致js执行延迟，还是会出现连击操作，出现重复提交数据的问题。

发明内容

本发明的目的是提供一种防止ajax请求重复提交的方法与系统，旨在解决当页面卡顿导致js执行延迟时出现的连击操作会导致重复提交请求的问题，有效避免页面频繁出现卡死状况，提升用户体验。

为达到上述技术目的，本发明提供了一种防止ajax请求重复提交的方法，包括以下步骤：

S101、读取待发送ajax请求的url、参数、记录时间以及当前时间，保存至sessionstorage中；

S102、根据存储时间差对存储数据进行定时清理；

S103、比对下一个ajax请求和存放至sessionstorage中的url、参数，根据比对结果决定请求是否发送。

优选地，所述待发送ajax请求的url、参数、记录时间以及当前时间以对象的形式存入sessionstorage中的数组。

优选地，所述存储时间差为当前时间与记录时间的差值。

优选地，所述步骤S102具体为：

设置定时函数，每隔一段时间周期便获取sessionstorage数据；

遍历sessionstorage数据中数组每条数据的记录时间和当前时间，记录存储时间差；

当存储时间差大于设定值时，删除数组中该条请求数据；

将修改后的数组重新存入sessionstorage。

优选地，所述步骤S103具体为：

获取sessionstorage数据作为data1；

在下一个ajax请求创建XmlHttpRequest阶段时，读取该请求的url和参数，并将其作为data2；

遍历data1中的每个对象，查看是否存在url和参数为data2的对象数据；

如果存在，为重复提交，抛弃该请求；如果不存在，则继续发送请求。