首页 / AJAX / php+ajax文章自动保存代码实例方法_PHP教程

php+ajax文章自动保存代码实例方法_PHP教程

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了php+ajax文章自动保存代码实例方法_PHP教程，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含6232字，纯文字阅读大概需要9分钟。

内容图文

php+ajax文章自动保存代码实例方法主是要方便用户，提高用户体验哦，我们就是用ajax把数据保存一个临时数据，像csdn一样，他可以自动保存用户的数据，这样就是掉电哦，出现意外你编辑的数据都不人被丢失。

这是自动保存草稿的核心的一部分，
autosavetime(sec)　这个函数是用来开始计时的
clearTimeout(autosavetimer);清除定时器
document.getElementById('autosavetimebox').innerHTML=sec+"秒";　　取得页面中的autosavetimebox对像，并向其写入倒计时

if(sec>0) {
autosavetimer = setTimeout("autosavetime("+sec+"-1)",1000);　　
//这里就是如果当sec>0的时候，第一秒执行一次autosavetime这个函数，同时会把sec-1的值写入autosavetimebox中
}else {
var title=document.getElementById('title');
if(title.value!=''){
autosave_post();
}else{
document.getElementById('autosavetimebox').innerHTML='不用保存';
}
这一部分，就是当sec>0的条件不成立，呵呵，就是sec<=0的时候，开始执行保存草稿
　首先会判断文章的标题是否为空，如果不会为空，就执行autosave_post()这个函数，否则就写入‘不用保存’
}
php教程代码

var userAgent = navigator.userAgent.toLowerCase();
var is_opera = (userAgent.indexOf('opera') != -1);
var is_saf = ((userAgent.indexOf('applewebkit') != -1) || (navigator.vendor == 'Apple Computer, Inc.'));
var is_webtv = (userAgent.indexOf('webtv') != -1);
var is_ie = ((userAgent.indexOf('msie') != -1) && (!is_opera) && (!is_saf) && (!is_webtv));
var is_ie4 = ((is_ie) && (userAgent.indexOf('msie 4.') != -1));
var is_moz = ((navigator.product == 'Gecko') && (!is_saf));
var is_kon = (userAgent.indexOf('konqueror') != -1);
var is_ns = ((userAgent.indexOf('compatible') == -1) && (userAgent.indexOf('mozilla') != -1) && (!is_opera) && (!is_webtv) && (!is_saf));
var is_ns4 = ((is_ns) && (parseInt(navigator.appVersion) == 4));
var is_mac = (userAgent.indexOf('mac') != -1);
if ((is_ie & !is_ie4) || is_moz || is_saf || is_opera)
{
var allowajax=1;
}else{
var allowajax=0;
}
var xmlHttp = false;
function makeSendData(postData,url,functionName,httptype) {
var posturl=url;
try {
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e2) {
xmlHttp = false;
}
}
if (!xmlHttp && typeof XMLHttpRequest != 'undefined') {
xmlHttp = new XMLHttpRequest();
}
if (!xmlHttp) {
alert('Cannot send an XMLHTTP request');
return false;
}
// 提交表单的方式
xmlHttp.open(httptype, posturl, true);
// 当表单提交完成后触发一个事件
var changefunc="xmlHttp.onreadystatechange = "+functionName; ///////from bob
eval (changefunc);
xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xmlHttp.send(postData);
}
function autosave_post()
{
var title=document.getElementById('title').value;
var content = window.frames["Editor"].window.frames["HtmlEditor"].document.getElementsByTagName("BODY")[0].innerHTML;
var postTime=document.getElementById('postTime').value;
if(allowajax==1)
{
content=postencode(content);
title=postencode(title);
var post="title="+title+"&content="+content+"&postTime="+postTime+"";
var url="ajax.php?act=autosave";
makeSendData(post,url,'autosave','POST');
}
}
function autosave()
{
if(xmlHttp.readyState == 4)
{
if(xmlHttp.status == 200)
{
var autoresponse=xmlHttp.responseText;
var automessage=document.getElementById('autosavetimebox');
if(autoresponse.indexOf("")!=-1)
{
automessage.innerHTML='您还没有添写信息，不用保存草稿';
return false;
}
if(autoresponse.indexOf("")!=-1)
{
automessage.innerHTML='保存成功，您可以在发生意外的时候载入草稿';
finddraft();
}
}
}
}
function finddraft()
{
if(allowajax==1)
{
var url="ajax.php?act=loaddraft";
makeSendData(null,url,'loaddraft','POST');
}
}
function loaddraft()
{
var draftbox=document.getElementById('draft');
if(xmlHttp.readyState < 4)
{
draftbox.innerHTML='草稿载入中...';
}
if(xmlHttp.readyState == 4)
{
if(xmlHttp.status == 200)
{
draftbox.innerHTML=xmlHttp.responseText;
}
}
}
function cleardraft()
{
if(allowajax==1)
{
var url="ajax.php?act=cleardraft";
makeSendData(null,url,'nodraft','POST');
}
}
function nodraft()
{
var draftbox=document.getElementById('draft');
if(xmlHttp.readyState < 4)
{
draftbox.innerHTML='载入中...';
}
if(xmlHttp.readyState == 4)
{
if(xmlHttp.status == 200)
{
draftbox.innerHTML=xmlHttp.responseText;
}
}
}
//encode string
function postencode (str) {
str=encodeURIComponent(str);
if (is_moz) str=str.replace(/%0A/g, "%0D%0A"); //from bob
return str;
}

自动保存的js代码

var autosavetimer;
function autosavetime(sec) {
clearTimeout(autosavetimer);
document.getElementById('autosavetimebox').innerHTML=sec+"秒";
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='不用保存';
}
}
}
function startimer()
{
var starttime=document.getElementById('autosavetimebox').innerHTML;
if(starttime=='保存成功，您可以在发生意外的时候载入草稿' || starttime=='您还没有添写信息，不用保存草稿')
{
starttime='60';
}else{
starttime=starttime.replace('秒','');
}
var autosavefunbox=document.getElementById('autosavefunbox');
autosavefunbox.innerHTML='停止计时';
starttime==0 ? starttime=60 : starttime=starttime;
autosavetime(starttime);
}
function stoptimer()
{
var autosavefunbox=document.getElementById('autosavefunbox');
autosavefunbox.innerHTML='开始计时';
clearTimeout(autosavetimer);
}

http://www.bkjia.com/PHPjc/444937.htmlwww.bkjia.comtruehttp://www.bkjia.com/PHPjc/444937.htmlTechArticlephp+ajax文章自动保存代码实例方法主是要方便用户，提高用户体验哦，我们就是用ajax把数据保存一个临时数据，像csdn一样，他可以自动保存...

内容总结

以上是互联网集市为您收集整理的php+ajax文章自动保存代码实例方法_PHP教程全部内容，希望文章能够帮你解决php+ajax文章自动保存代码实例方法_PHP教程所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/172376.html

来源：【匿名】

【上一篇】phpajax无刷新文件上传源码下载_PHP教程【下一篇】AJAX for PHP简单表数据查询实例

更多 ►

【php+ajax文章自动保存代码实例方法_PHP教程】教程文章相关的互联网学习教程文章

php中通过Ajax如何实现异步文件上传的代码实例

1:取得file对象 2:读取2进制数据 3:模拟http请求，把数据发送出去（这里通常比较麻烦）在forefox下使用 xmlhttprequest 对象的 sendasbinary 方法发送数据； 4:完美实现遇到的问题目前仅有 firefox 可以正确上传文件。（chrome也可以采google.gears上传）对于从firefox和chrome下读取到的文件数据好像不一样（不知道是否是调试工具的原因） chrome以及其他高级浏览器没有 sendasbinary 方法只能使用 send 方法发送数据,有可能...

acc.jxf.gov.cnphp中通过Ajax如何实现异步文件上传的代码实例

php中通过Ajax如何实现异步文件上传的代码实例_PHP教程

ajax+php验证用户名重复代码实例_PHP教程

本教程是一款利用了ajax php在用户输入完用户名后，就会发送请求给php程序，然后查询数据，判断用户要注册的用户名是不是己经注册或存在重复了，及时的返回提示信息，以免用户填写了一大填表单后，突然提供用户名不能注册己被注册了，这样体验就不好了。本教程就是专门解决这个问题了，能快速的告诉你要注册的用户名是否可以注册。ajax+php教程验证用户名重复代码实例/* 本教程是一款利用了ajax php在用户输入完用户名后，就会发送...

php中通过Ajax如何实现异步文件上传的代码实例_PHP

Ajax 1:取得file对象 2:读取2进制数据 3:模拟http请求，把数据发送出去（这里通常比较麻烦）在forefox下使用 xmlhttprequest 对象的 sendasbinary 方法发送数据； 4:完美实现遇到的问题目前仅有 firefox 可以正确上传文件。（chrome也可以采google.gears上传）对于从firefox和chrome下读取到的文件数据好像不一样（不知道是否是调试工具的原因） chrome以及其他高级浏览器没有 sendasbinary 方法只能使用 send 方法发送数据,有...

php中通过Ajax如何实现异步文件上传的代码实例_php技巧

php中通过Ajax如何实现异步文件上传的代码实例

php+ajax 文件上传代码实例

本文实例为大家分享了php+ajax 文件上传的具体代码，供大家参考，具体内容如下html 代码 <form action="{pboot:form fcode=8}" method="post" id="t" enctype="multipart/form-data"> <input type="file" name=tables_a id="tables" onchange="abs()"> <input type="hidden" name=tables id=tables_2> <input type="submit" value="提交"> </form>项目使用的是pbootCMS 所以地址可忽略 enctype="multipart/form-data"因为设计到文件...

javascript写一个ajax自动拦截并下载数据代码实例【图】

这篇文章主要介绍了javascript写一个ajax自动拦截并下载数据代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下代码如下 <!DOCTYPE html> <html lang="zh"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title></title> </head> <body> </body> <script...

代码实例ajax实现点击加载更多数据图片

本文给大家介绍ajax如何实现点击加载更多数据图片（预加载）效果的，有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。 <!DOCTYPE html> <html><head><meta charset="UTF-8"><title>ajax点击加载更多数据--博客园--勇淘未来</title><script type="text/javascript" src="jquery-1.11.1.min.js"></script><style>*{padding:0;margin:0;}.box {margin: 100px auto;width: 550px;}ul li {width:550px;list-style: no...

AJAX简单测试代码实例

本文实例讲述了AJAX简单测试代码。分享给大家供大家参考。具体如下：客户端：代码如下：（AJAX_test.html ） <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script type="text/javascrip...

$http与ajax的同步请求（代码实例）

本篇文章给大家带来的内容是关于$http与ajax的同步请求（代码实例），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。在web前端开发中，虽然一般都是用的异步网络请求解决大多数功能需求，但是在一些特定需求的情况下，我们还是要使用到同步的网络请求来解决一些特殊的需求。那么本篇介绍的是实现AngularJS中$http与jQuery中ajax如何实现同步网络请求。（一）$http同步网络请求其实这个实现很简单，重要在于...

首页 / AJAX / php+ajax文章自动保存代码实例方法_PHP教程

php+ajax文章自动保存代码实例方法_PHP教程

内容导读

内容图文

内容总结

内容备注

内容手机端

【php+ajax文章自动保存代码实例方法_PHP教程】教程文章相关的互联网学习教程文章

php中通过Ajax如何实现异步文件上传的代码实例

acc.jxf.gov.cnphp中通过Ajax如何实现异步文件上传的代码实例

php中通过Ajax如何实现异步文件上传的代码实例_PHP教程

ajax+php验证用户名重复代码实例_PHP教程

php中通过Ajax如何实现异步文件上传的代码实例_PHP

php中通过Ajax如何实现异步文件上传的代码实例_php技巧

php中通过Ajax如何实现异步文件上传的代码实例

php+ajax 文件上传代码实例

javascript写一个ajax自动拦截并下载数据代码实例【图】

代码实例ajax实现点击加载更多数据图片

AJAX简单测试代码实例

$http与ajax的同步请求（代码实例）

AJAX - 相关标签

PHP - 相关标签

实例 - 相关标签

AJAX - 技术教程分类

AJAX - 最新教程

AJAX - 最热教程