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

所属分类: 网络编程 / AJAX相关 阅读数: 439
收藏 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);
}

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

AjaxSubmit()提交file文件

这篇文章主要介绍了AjaxSubmit()提交file文件的实例讲解,非常不错,具有参考借鉴价值,需要的朋友可以参考下
收藏 0 赞 0 分享

基于Blod的ajax进度条下载实现示例代码

本篇文章主要介绍了基于Blod的ajax进度条下载实现示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

使用Ajax、json实现京东购物车结算界面的数据交互实例

这篇文章主要介绍了使用Ajax、json实现京东购物车结算界面的数据交互实例,非常不错,具有参考借鉴价值,需要的朋友可以参考下
收藏 0 赞 0 分享

用Promise解决多个异步Ajax请求导致的代码嵌套问题(完美解决方案)

这篇文章主要介绍了用Promise解决多个异步Ajax请求导致的代码嵌套问题(完美解决方案),需要的朋友可以参考下
收藏 0 赞 0 分享

Ajax 传递JSON实例代码

虽然ajax全称是asynchronous javascript and XML。但目前使用ajax技术时,传递JSON已经成为事实上的标准。这篇文章主要介绍了Ajax 传递JSON实例代码,需要的朋友可以参考下
收藏 0 赞 0 分享

ajax用json实现数据传输

本文主要介绍了ajax用json实现数据传输的方法,具有很好的参考价值。下面跟着小编一起来看下吧
收藏 0 赞 0 分享

Ajax中post方法直接返回以0开头数字出错问题分析

这篇文章主要介绍了Ajax中post方法直接返回以0开头数字出错问题分析,需要的朋友可以参考下
收藏 0 赞 0 分享

ajax+springmvc实现C与View之间的数据交流方法

下面小编就为大家带来一篇ajax+springmvc实现C与View之间的数据交流方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Spring MVC前端与后端5种ajax交互方法【总结】

下面小编就为大家带来一篇Spring MVC前端与后端5种ajax交互方法【总结】。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Ajax校验是否重复的实现代码

这篇文章主要介绍了Ajax校验是否重复的实现代码,非常不错,具有参考借鉴价值,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多