提交文章前进行敏感词审核的Ajax
- 时间：2015年04月02日 15:49:04 来源：魔法猪系统重装大师官网 人气：11384
在做“文章敏感词汇审核”功能的时候，开始在把“审核”放在插入数据库的时候，后来想有一个功能，能在用户点击“提交”按钮的时候，给一个提示。这样相对“友好”那么点。
于是想到在提交时返回Ajax传递的布尔值。而实际上，Ajax传递的函数get2()是chkfull(bt)的子函数，不能向外部函数进行return false（注释3）。所以干脆取消了“提交”按钮的“提交”类型，而使用Javascript进行一系列检查后，自动提交表单。
代码如下：
HTML
view sourceprint?1
2 onclick="chkfull(this)"/>//注意类型是“按钮”
3 //嵌入一个隐藏的文本框，给Ajax传值
Ajax的Javascript部分
view sourceprint?01 function chkfull(bt){
02 var content = document.getElementById("usercontent").value;
03 if(content=="")
04 {
05 alert("正文为必填。");//判断文章内容是否为空
06 return false;
07
08 }
09 else
10 {
11 var xHRObject=false;
12
13 if(window.XMLHttpRequest)//判断浏览器内核
14 {
15 xHRObject=new XMLHttpRequest();
16 }
17 else if(window.ActiveXObject)
18 {
19 xHRObject= new ActiveXObject("Microsoft.XMLHTTP");
20 }
21
22 function get2()//定义get2函数，给onreadystatechange做准备。本函数不能放在xHRObject.onreadystatechange=get2;的后面
23 {
24 if(xHRObject.readyState==4 && xHRObject.status==200)
25 {
26 var serverText=xHRObject.responseText;
27 if(serverText=="sense")
28 {
29 if(confirm("你的文章有敏感词汇，确定要发布吗？\n\r【是，发布】将被审核，请等待。\n\r【否，不发布】将返回界面，请修改字句。"))
30 {
31 bt.value="正在提交";
32 bt.disabled=true;//关闭按钮
33 document.getElementById("userchksense").value="sense";//改变userchksense的值为sense，这样，post到add.php就能直接检查是否要锁定本文，而不用再次检查文章
34 document.form1.submit();//提交该表单
35 }
36 else//好像有点多余，不过这样比较保险
37 return false;
38 }
39 else
40 {
41 bt.value="正在提交";
42 bt.disabled=true;
43 document.getElementById("userchksense").value="nonsense";
44 document.form1.submit();
45 }
46
47 }
48 }
49
50 var title=document.getElementById("usertitle").value;
51 var tag=document.getElementById("usertag").value;
52 var intro=document.getElementById("userintro").value;
53 var content=document.getElementById("usercontent").value;
54
55 var v = "title="+title+"&tag="+tag+"&intro="+intro+"&content="+content;
56 xHRObject.open("POST","../ajax/ajax.php",true);
57 xHRObject.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
58
59 xHRObject.onreadystatechange=get2;//此处的get2不能打括号，否则是将函数的返回值赋值给一个变量，而不是将本函数本身赋值给xHRObject.onreadystatechange（注释1）
60 xHRObject.send(v);
61 }
62
63 }
受到K同学的启发，学习了jQuery（注释2），并马上应用到本案例中来了。可以发现，代码简明易读。
代码如下：
HTML中修改的部分
view sourceprint?1
