经过多种研讨,发现文章内容必须要有一个“自动草稿”功能,有了这个功能后,后面的所有的业务都可以省很多的精力,开发成本也能降低不少,时间也减少了,功能用户体能还蛮高的,综合考虑下来,非常的划算,因此就做一个吧!具体如下:
前端代码
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 "写逻辑,判断,然后存入数据库,再给一个返回结果,例如:成功,失败或者不返回。";