ajax实现的提交文章前进行敏感词审核的代码

所属分类: 网络编程 / AJAX相关 阅读数: 405
收藏 0 赞 0 分享
于是想到在提交时返回Ajax传递的布尔值。而实际上,Ajax传递的函数get2()是chkfull(bt)的子函数,不能向外部函数进行传值,alert()也不起作用。所以干脆取消了“提交”按钮的“提交”类型,而使用Javascript进行一系列检查后,自动提交表单。
代码如下
HTML
复制代码 代码如下:

<input type="button" class="body" id="subm" name="subm" value="写好了,发布出去"
onclick="chkfull(this)"/>//注意类型是“按钮”
<input type="hidden" id="userchksense" name="userchksense" value="?"/>//嵌入一个隐藏的文本框,给Ajax传值

Ajax的Javascript部分
复制代码 代码如下:

function chkfull(bt){
var content = document.getElementById("usercontent").value;
if(content=="")
{
    alert("正文为必填。");//判断文章内容是否为空
    return false;

}
else
{
    var xHRObject=false;

    if(window.XMLHttpRequest)//判断浏览器内核
    {
        xHRObject=new XMLHttpRequest();
    }
    else if(window.ActiveXObject)
    {
        xHRObject= new ActiveXObject("Microsoft.XMLHTTP");
    }

    function get2()//定义get2函数,给onreadystatechange做准备。本函数不能放在xHRObject.onreadystatechange=get2;的后面
    {
        if(xHRObject.readyState==4 && xHRObject.status==200)
        {
            var serverText=xHRObject.responseText;
            if(serverText=="sense")
            {
                if(confirm("你的文章有敏感词汇,确定要发布吗?\n\r【是,发布】将被审核,请等待。\n\r【否,不发布】将返回界面,请修改字句。"))
                {
                    bt.value="正在提交";
                    bt.disabled=true;//关闭按钮
                    document.getElementById("userchksense").value="sense";//改变userchksense的值为sense,这样,post到add.php就能直接检查是否要锁定本文,而不用再次检查文章
                    document.form1.submit();//提交该表单
                }
                else//好像有点多余,不过这样比较保险
                return false;
            }    
            else
            {
                bt.value="正在提交";
                bt.disabled=true;
                document.getElementById("userchksense").value="nonsense";
                document.form1.submit();
            }

        }
    }

    
    var title=document.getElementById("usertitle").value;
    var tag=document.getElementById("usertag").value;
    var intro=document.getElementById("userintro").value;
    var content=document.getElementById("usercontent").value;

    
    var v = "title="+title+"&tag="+tag+"&intro="+intro+"&content="+content;
    xHRObject.open("POST","../ajax/ajax.php",true);    
    xHRObject.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

    xHRObject.onreadystatechange=get2;//此处的get2不能打括号,否则是将函数的返回值赋值给一个变量,而不是将本函数本身赋值给xHRObject.onreadystatechange(注释1)
    xHRObject.send(v);
}

}
更多精彩内容其他人还在看

ajax和jsonp跨域的原理本质详解

跨域问题是我们在开发中经常会遇到的一个需求,下面这篇文章主要给大家介绍了关于ajax和jsonp跨域的原理本质,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
收藏 0 赞 0 分享

ajax获取json数据为undefined原因分析

Ajax 允许在不干扰 Web 应用程序的显示和行为的情况下在后台进行数据检索。这篇文章主要介绍了ajax获取json数据为undefined--原因,需要的朋友可以参考下
收藏 0 赞 0 分享

ajax实现用户名校验的传统和jquery的$.post方式(实例讲解)

下面小编就为大家分享一篇ajax实现用户名校验的传统和jquery的$.post方式的实例讲解,具有很好的参考价值,希望对大家有所帮助
收藏 0 赞 0 分享

ajax中用josnp接收josn数据的实现方法

下面小编就为大家分享一篇ajax中用josnp接收josn数据的实现方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

ajax跨域获取网站json数据的实例

下面小编就为大家分享一篇ajax跨域获取网站json数据的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

关于前端ajax请求的优雅方案(http客户端为axios)

这篇文章主要给大家介绍了关于前端ajax请求的优雅方案,本文http客户端为axios,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
收藏 0 赞 0 分享

快速解决ajax请求出错状态码为0的问题

下面小编就为大家分享一篇快速解决ajax请求出错状态码为0的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

ajax实现改变状态和删除无刷新的实例

下面小编就为大家分享一篇ajax实现改变状态和删除无刷新的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

ajax结合mysql数据库和smarty实现局部数据状态的刷新方法

下面小编就为大家分享一篇ajax结合mysql数据库和smarty实现局部数据状态的刷新方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Ajax客户端异步调用服务端的实现方法(js调用cs文件)

下面小编就为大家分享一篇Ajax客户端异步调用服务端的实现方法(js调用cs文件),具有很好的参考价值,希望对大家有所帮助
收藏 0 赞 0 分享
查看更多