在做“文章敏感词汇审核”功能的时候，开始在把“审核”放在插入数据库的时候，后来想有一个功能，能在用户点击“提交”按钮的时候，给一个提示。这样相对“友好”那么点。
于是想到在提交时返回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 }
