在做“文章敏感詞匯審核”功能的時候，開始在把“審核”放在插入數(shù)據(jù)庫的時候，后來想有一個功能，能在用戶點擊“提交”按鈕的時候，給一個提示。這樣相對“友好”那么點。
于是想到在提交時返回Ajax傳遞的布爾值。而實際上，Ajax傳遞的函數(shù)get2()是chkfull(bt)的子函數(shù)，不能向外部函數(shù)進行return false（注釋3）。所以干脆取消了“提交”按鈕的“提交”類型，而使用Javascript進行一系列檢查后，自動提交表單。
代碼如下：
HTML
view sourceprint?1 <input type="button" class="body" id="subm" name="subm" value="寫好了，發(fā)布出去"
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("正文為必填。");//判斷文章內(nèi)容是否為空
06 return false;
07
08 }
09 else
10 {
11 var xHRObject=false;
12
13 if(window.XMLHttpRequest)//判斷瀏覽器內(nèi)核
14 {
15 xHRObject=new XMLHttpRequest();
16 }
17 else if(window.ActiveXObject)
18 {
19 xHRObject= new ActiveXObject("Microsoft.XMLHTTP");
20 }
21
22 function get2()//定義get2函數(shù)，給onreadystatechange做準備。本函數(shù)不能放在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("你的文章有敏感詞匯，確定要發(fā)布嗎？\n\r【是，發(fā)布】將被審核，請等待。\n\r【否，不發(fā)布】將返回界面，請修改字句。"))
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不能打括號，否則是將函數(shù)的返回值賦值給一個變量，而不是將本函數(shù)本身賦值給xHRObject.onreadystatechange（注釋1）
60 xHRObject.send(v);
61 }
62
63 }
受到K同學的啟發(fā)，學習了jQuery（注釋2），并馬上應用到本案例中來了�？梢园l(fā)現(xiàn)，代碼簡明易讀。
代碼如下：
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("你的文章有敏感詞匯，確定要發(fā)布嗎？\n\r【是，發(fā)布】將被審核，請等待。\n\r【否，不發(fā)布】將返回界面，請修改字句。"))
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入門經(jīng)典》，清華大學出版，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) 編輯 收藏 網(wǎng)摘
評論
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("發(fā)送失敗請重試", "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);
// 消息計數(shù)
messageLoop++;
}
}
}
});
Lamperlamper ['læmpə] n. 用燈捕法的獵人；強光狩獵者；LAMP平臺愛好者； vi. 吃力地行走
提交文章前進行敏感詞審核的Ajax
在做“文章敏感詞匯審核”功能的時候，開始在把“審核”放在插入數(shù)據(jù)庫的時候，后來想有一個功能，能在用戶點擊“提交”按鈕的時候，給一個提示。這樣相對“友好”那么點。
于是想到在提交時返回Ajax傳遞的布爾值。而實際上，Ajax傳遞的函數(shù)get2()是chkfull(bt)的子函數(shù)，不能向外部函數(shù)進行return false（注釋3）。所以干脆取消了“提交”按鈕的“提交”類型，而使用Javascript進行一系列檢查后，自動提交表單。
代碼如下：
HTML
view sourceprint?1 <input type="button" class="body" id="subm" name="subm" value="寫好了，發(fā)布出去"
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("正文為必填。");//判斷文章內(nèi)容是否為空
06 return false;
07
08 }
09 else
10 {
11 var xHRObject=false;
12
13 if(window.XMLHttpRequest)//判斷瀏覽器內(nèi)核
14 {
15 xHRObject=new XMLHttpRequest();
16 }
17 else if(window.ActiveXObject)
18 {
19 xHRObject= new ActiveXObject("Microsoft.XMLHTTP");
20 }
21
22 function get2()//定義get2函數(shù)，給onreadystatechange做準備。本函數(shù)不能放在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("你的文章有敏感詞匯，確定要發(fā)布嗎？\n\r【是，發(fā)布】將被審核，請等待。\n\r【否，不發(fā)布】將返回界面，請修改字句。"))
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不能打括號，否則是將函數(shù)的返回值賦值給一個變量，而不是將本函數(shù)本身賦值給xHRObject.onreadystatechange（注釋1）
60 xHRObject.send(v);
61 }
62
63 }
受到K同學的啟發(fā)，學習了jQuery（注釋2），并馬上應用到本案例中來了�？梢园l(fā)現(xiàn)，代碼簡明易讀。
代碼如下：
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("你的文章有敏感詞匯，確定要發(fā)布嗎？\n\r【是，發(fā)布】將被審核，請等待。\n\r【否，不發(fā)布】將返回界面，請修改字句。"))
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 }
喜歡 
頂
難過
囧
圍觀
無聊
