定时间隔获取页面信息自动保存到数据库

有些页面要录入的内容比较多,常会因某些意外或突发状况导致录入的信息无法保存,此时有这么一个定时自动保存的小功能就安全放心多了,只需要页面多加一个简单的时间定时器就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("自动保存已提交");
}
});

猜你喜欢

转载自blog.csdn.net/lmqzhzy/article/details/84831064