提交文章前进行敏感词审核的Ajax

　　在做“文章敏感词汇审核”功能的时候，开始在把“审核”放在插入数据库的时候，后来想有一个功能，能在用户点击“提交”按钮的时候，给一个提示。这样相对“友好”那么点。

　　于是想到在提交时返回Ajax传递的布尔值。而实际上，Ajax传递的函数get2()是chkfull(bt)的子函数，不能向外部函数进行return false（注释3）。所以干脆取消了“提交”按钮的“提交”类型，而使用Javascript进行一系列检查后，自动提交表单。

代码如下：

HTML

view sourceprint?1 <input type="button" class="body" id="subm" name="subm" value="写好了，发布出去"

2 onclick="chkfull(this)"/>//注意类型是“按钮”

3 <input type="hidden" id="userchksense" name="userchksense" value="?"/>//嵌入一个隐藏的文本框，给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 <form action="add.php" method="post" id="form1">//将form1设置为id属性

jQuery部分

view sourceprint?01 function chkfull(bt){

02 if($("#usercontent").val()=="")

03 {

04 alert("正文为必填。");

05 }

06 else

07 {

08 var title=$("#usertitle").val();

09 var tag=$("#usertag").val();

10 var intro=$("#userintro").val();

11 var content=$("#usercontent").val();

12

13 $.post("../ajax/ajax.php",{title:title,tag:tag,intro:intro,content:content},

14 function(data){

15 if(data=="sense")

16 {

17 if(confirm("你的文章有敏感词汇，确定要发布吗？\n\r【是，发布】将被审核，请等待。\n\r【否，不发布】将返回界面，请修改字句。"))

18 {

19 $(bt).val("正在提交");

20 $(bt).attr("disabled",true);

21 $("#userchksense").val("sense");

22 $("#form1").submit();

23 }

24 }

25 else

26 {

27 $(bt).val("正在提交");

28 $(bt).attr("disabled",true);

29 $("#userchksense").val("nonsense");

30 $("#form1").submit();

31 }

32 })

33 }

34 }

【注释】

1 《Ajax入门经典》，清华大学出版，ISBN 978-7-302-18003-6

2 快速学习得益于这个教程（http://learning.artech.cn/category/javscript-jquery/jquery）和中文文档（http://code.google.com/p/jquery-api-zh-cn/issues/list）

3 你可能需要参考我的这篇文章（http://www.cnblogs.com/lamper/archive/2010/02/11/1667549.html）

【更新】

2010年02月08日 删掉了“alert()也不起作用”，改成“return false”；添加了jQuery代码。

Tag标签: Javascript,Ajax,敏感词,审核,jQuery
0 0 0
(请您对文章做出评价)« 上一篇：同时在IE和FF获取KeyCode
» 下一篇：不同浏览器对回车提交表单的处理办法

posted on 2010-02-06 21:19 Lamper 阅读(162) 评论(6) 编辑 收藏 网摘

评论
1762851
#1楼 2010-02-07 11:19 Kevan
用JQUERY.AJAX吧！可以各种事件。扩展性强。 回复 引用 查看

#2楼 2010-02-07 11:21 Kevan
$.ajax({
type: "POST",
url: "/Chat/Services.ashx?action=send&serial=" + serialID,
cache: false,
timeout: 20000,
dataType: "text",
data: {
toID: toID,
color: color,
secret: secret,
toName: toName,
content: content
},
beforeSend: function() {
sendMsgThreads = true;
},
error: function(request, error) {
errorTips("发送失败请重试", "olive", 3000);
},
complete: function (request, status) {
sendMsgThreads = false;
},
success: function(data) {
if (!levelStatus) {
clientEnterThreads = window.setTimeout(function(){
clearTimeout(clientEnterThreads);
clientEnterThreads = false;
}, timer * 1000);
}
if (data != "") {
} else {
msgCount.html((Number(msgCount.html())+1));
refreshMsg();
txtContent.val("");
repeatText=escape(content.toLowerCase());
}
errorTips(data);
}
});

这是我项目里用的一个功能，你看看哦。 回复 引用 查看

#3楼 2010-02-07 11:22 Kevan
上面的是POST，下面的这个是GET,JSON
$.ajax({
type: "GET",
url: "/Chat/Services.ashx?action=getmsg&serial=" + serialID + "&index=" + messageCount,
cache: false,
timeout: 10000,
dataType: "json",
data: { },
beforeSend: function() {
// 开始请求
loadMsgThreads = true;
},
error: function(request, error) {
},
complete: function (request, status) {
// 完成请求
loadMsgThreads = false;
},
success: function(data) {
if (data == null || typeof(data) != "object") {
} else {
messageCount = data.msgcount;
updateCount(data.msgcount, data.usercount);
if (data.messages == null || data.messages.length == 0) {
} else {
var showAlert = false;
var msg, cache = {pub:[], pri:[]};
for(i = 0; i < data.messages.length; i++)
{
if (messageLoop > 0) showAlert = true;
msg = showMsg(data.messages[i], getTalkTo, showAlert);
if (msg.pub.length > 0) {
addPubMsgCount++;
cache.pub.push(msg.pub);
}
if (msg.pri.length > 0) {
addPriMsgCount++;
cache.pri.push(msg.pri);
}
}
msgList.append(cache.pub.join(""));
myMsg.append(cache.pri.join(""));
//新消息提醒
msgAlert(messageLoop);
// 消息计数
messageLoop++;
}
}
}
});
 

Lamperlamper ['læmpə] n. 用灯捕法的猎人；强光狩猎者；LAMP平台爱好者； vi. 吃力地行走
提交文章前进行敏感词审核的Ajax
　　在做“文章敏感词汇审核”功能的时候，开始在把“审核”放在插入数据库的时候，后来想有一个功能，能在用户点击“提交”按钮的时候，给一个提示。这样相对“友好”那么点。

　　于是想到在提交时返回Ajax传递的布尔值。而实际上，Ajax传递的函数get2()是chkfull(bt)的子函数，不能向外部函数进行return false（注释3）。所以干脆取消了“提交”按钮的“提交”类型，而使用Javascript进行一系列检查后，自动提交表单。

代码如下：

HTML

view sourceprint?1 <input type="button" class="body" id="subm" name="subm" value="写好了，发布出去"

2 onclick="chkfull(this)"/>//注意类型是“按钮”

3 <input type="hidden" id="userchksense" name="userchksense" value="?"/>//嵌入一个隐藏的文本框，给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 <form action="add.php" method="post" id="form1">//将form1设置为id属性

jQuery部分

view sourceprint?01 function chkfull(bt){

02 if($("#usercontent").val()=="")

03 {

04 alert("正文为必填。");

05 }

06 else

07 {

08 var title=$("#usertitle").val();

09 var tag=$("#usertag").val();

10 var intro=$("#userintro").val();

11 var content=$("#usercontent").val();

12

13 $.post("../ajax/ajax.php",{title:title,tag:tag,intro:intro,content:content},

14 function(data){

15 if(data=="sense")

16 {

17 if(confirm("你的文章有敏感词汇，确定要发布吗？\n\r【是，发布】将被审核，请等待。\n\r【否，不发布】将返回界面，请修改字句。"))

18 {

19 $(bt).val("正在提交");

20 $(bt).attr("disabled",true);

21 $("#userchksense").val("sense");

22 $("#form1").submit();

23 }

24 }

25 else

26 {

27 $(bt).val("正在提交");

28 $(bt).attr("disabled",true);

29 $("#userchksense").val("nonsense");

30 $("#form1").submit();

31 }

32 })

33 }

34 }