PHP

MYSQL

阿旭个人博客

阿旭个人博客,是一款小巧强大的php mysql个人博客系统,本站提供个人博客模板下载。个人博客注册和建立个人博客网站,就用阿旭php个人博客系统吧!
您的位置:首页>自动,草稿,AJAX,JSON,>正文

加入了AJAX保存草稿的功能

  • Donny
  • 2017-06-17 21:49:04       被围观了
  • 自动,草稿,AJAX,JSON,
  • 下午把AJAX保存草稿的功能搞好了,明天接下来是添加JS代码,加入AJAX自动保存草稿功能

    没有AJAX自动保存草稿功能,没脸出来混

    art.php中直接调用ajax.php

    art.php等于是前台,点击保存草稿按钮之后把信息递交给ajax。php

    art。php中需要js代码把数据递交给ajax.php

    function savedraft(){
    	if(editor.html()==''){alert("请填写文章内容!");editor.focus();return false;}
    	if(frm.title.value=='在此键入标题'){frm.title.value='';}
    	editor.sync();
    var cont = $("input,select,textarea").serialize();
    $.ajax({url:'ajax.php?g=savedraft',type:'post',dataType:'json',data:cont,success:function(data){var str = data.jieguo;$("#jieguo").html(str);}});
    setTimeout('$("#jieguo").html("");',3000); 
    }
    按钮的代码很简单:

    <a onclick="savedraft()">保存草稿</a>


    接下来就是ajax。php对表单数据进行处理

    以下是ajax。php部分代码:

    if(mysql_query($sql)){$chk="保存草稿成功";}
    else{$chk="保存草稿失败";return;}
    $jieguo='<div id=appmsg>'.$chk.'</div>';
    $json_arr = array("jieguo"=>$jieguo);
    $json_obj = json_encode($json_arr);
    echo $json_obj;
    需要注意的是ajax.php中不能有任何html代码,我一开始没注意,居然最下面有一行代码:</html>

    结果就是无法回调信息,因为是JSON形式处理信息,ajax.php中必须干净

    好啦,睡觉,明天再搞

    文章 加入了AJAX保存草稿的功能阿旭个人博客 网上收集或原创,转载请注明

    来源:http://www.axublog.com/post/jia_ru_liao_AJAX_bao_cun_cao_220244/

    上一篇:axublog建站系统1.0.1更新下载

    下一篇:site:axublog.com有点哭笑不得

    阿旭个人博客-创建于2017年5月- 沪ICP备16040435号

    About Sitemap Rss 文章归档 QQ群190498118