PHP+Ajax 自动草稿功能 实现代码

经过多种研讨,发现文章内容必须要有一个“自动草稿”功能,有了这个功能后,后面的所有的业务都可以省很多的精力,开发成本也能降低不少,时间也减少了,功能用户体能还蛮高的,综合考虑下来,非常的划算,因此就做一个吧!具体如下:

 

前端代码

 

1、html代码:

 <div class="layui-form-item">
                            <label class="layui-form-label">标题 <span style="color: red;background-color: white;">*</span></label>
                            <div class="layui-input-block">
                                <input type="text" id="title" autofocus="autofocus" name="title" lay-verify="required" class="layui-input">
                            </div>
                        </div>

 

2、前端JavaScript ajax请求代码:

我这用的事件是onblur,主要是得到文章的唯一ID。

<script type="text/javascript">
    //自动草稿
    document.getElementById('title').onblur = function(Atuodraft){
        var title = document.getElementById('title').value;
        if(title){
            var xmlhttp;
            if (window.XMLHttpRequest)
            {// code for IE7+, Firefox, Chrome, Opera, Safari
                xmlhttp=new XMLHttpRequest();
            }
            else
            {// code for IE6, IE5
                xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
            }
            xmlhttp.onreadystatechange=function()
            {
                if (xmlhttp.readyState==4 && xmlhttp.status==200)
                {
                    console.log(xmlhttp.responseText);
                    document.getElementById('post_id').value = xmlhttp.responseText;
                }
            };
            var data = "title="+document.getElementById('title').value +"&alias="+document.getElementById('alias').value+"&category_id="+document.getElementById('category_id').value+"&mode=title"+"&token=<?php echo $get_token; ?>";
            console.log(data);
            xmlhttp.open("POST","<?php echo $HOMEURL.$ADMIN_ADDRESS;?>/ajax.php",true);
            xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
            xmlhttp.send(data);
        }
    };
</script>

 

后端代码

PHP ajax响应代码:

无论代码如何写?文章唯一的ID这个数据是必须返回的。

 

ajax.php

<?php
echo "写逻辑,判断,然后存入数据库,再给一个返回结果,例如:成功,失败或者不返回。";
    A+
发布日期:2021年04月03日 12:25:19  所属分类:PHP
最后更新时间:2021-04-03 12:30:53
评分: (2 票;平均数5.00 ;最高评分 5 ;用户总数2;总得分 10;百分比100.00)
付杰
wordpress站群服务 泛解析二级域名 二级目录
wordpress站群服务 泛解析二级域名 二级目录
  • ¥ 1999.9元
  • 市场价:8999元
C++基础入门到进阶视频教程
  • ¥ 498.0元
  • 市场价:498.0元
数据科学与人工智能:必备数学基础
  • ¥ 298.0元
  • 市场价:398.0元
前端工程化构建工具:Babel7+Webpack4
  • ¥ 15元
  • 市场价:15元

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: