How to use php ajax to automatically save articles

How to realize automatic saving of articles through php ajax

This article mainly introduces the method of automatic saving of articles through php ajax, which can realize real-time saving of article content and prevent emergencies. The data loss below is a very practical skill. Friends who need it can refer to it

The example in this article describes the method of automatic saving of articles through php ajax. Share it with everyone for your reference. The specific analysis is as follows:

The method of automatically saving PHP ajax articles is mainly to facilitate users and improve user experience. We use ajax to save the data as temporary data. Like csdn, it can automatically save the user's data. This will cause power outage and accidents. None of the data you edited will be lost.

This is part of the core of auto-saving drafts,

autosavetime(sec) This function is used to start timing

clearTimeout(autosavetimer); clear timer

document.getElementById('autosavetimebox').innerHTML=sec "seconds"; Get the autosavetimebox object in the page and write a countdown to it

The code is as follows:

if(sec>0) {
autosavetimer = setTimeout("autosavetime(" sec "-1)",1000);
//Here is if when sec>0, the autosavetime function will be executed once in the first second, and the value of sec-1 will be written into the autosavetimebox
}else {
var title=document.getElementById('title');
if(title.value!=''){
autosave_post();
}else{
document.getElementById('autosavetimebox').innerHTML='No need to save';
}
}
This part is when the condition of sec>0 is not established, haha, when sec<=0, the save draft will be executed. First, it will determine whether the title of the article is empty. If it is not empty, the autosave_post() function will be executed. , otherwise write 'no need to save'.

The php code is as follows:

The code is as follows:

自动保存的js代码,代码如下:

代码如下:

var autosavetimer;
function autosavetime(sec) {
clearTimeout(autosavetimer);
document.getElementById('autosavetimebox').innerHTML=sec "seconds";
if(sec>0) {
autosavetimer = setTimeout("autosavetime(" sec "-1)",1000);
}else {
var blogtitle=document.getElementById('title');
if(blogtitle.value!=''){
autosave_post();
}else{
document.getElementById('autosavetimebox').innerHTML='No need to save';
}
}
}
function startimer()
{
var starttime=document.getElementById('autosavetimebox').innerHTML;
if(starttime=='Save successfully, you can load the draft when an accident occurs' || starttime=='You have not added information yet, no need to save the draft')
{
starttime='60';
}else{
starttime=starttime.replace('seconds','');
}
var autosavefunbox=document.getElementById('autosavefunbox');
autosavefunbox.innerHTML='Stop timing';
starttime==0 ? starttime=60 : starttime=starttime;
autosavetime(starttime);
}
function stoptimer()
{
var autosavefunbox=document.getElementById('autosavefunbox');
autosavefunbox.innerHTML='Start timing';
clearTimeout(autosavetimer);
}

I hope this article will be helpful to everyone’s PHP programming design.

Related labels：

php+ajax main introduce keep accomplish article method of automatic

source：php.cn

Previous article：Detailed explanation of socket communication mechanism examples in php_PHP tutorial Next article：What are the improvements from THINKPHP2.0 to 3.0_PHP Tutorial

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

How to use php ajax to automatically save articles_PHP tutorial

How to realize automatic saving of articles through php ajax