有些页面要录入的内容比较多,常会因某些意外或突发状况导致录入的信息无法保存,此时有这么一个定时自动保存的小功能就安全放心多了,只需要页面多加一个简单的时间定时器就ok了!
采用js简单实现:
$(function(){
//延迟3秒执行
setTimeout(function(){
//每隔5s执行一次
setInterval(function(){
save()'
},5000)
},3000);
function save(){
//获取页面中要保存的值
var ordernumber = document.getElementById('ordernumber').value;
var couriernumber = document.getElementById('couriernumber').value;
var address = document.getElementById('address').value;
var counter = document.getElementById('counter').value;
var listno = document.getElementById('listNo').value;
// AJAX提交
var request = new XMLHttpRequest();
request.open("POST",encodeURI(encodeURI("此处填保存提交到数据库的提交路径")), true);
request.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
request.send(null);
alert("自动保存已提交");
}
});