ÓÖµ÷ÊÔÁË3¸öСʱ£¬ºÃÀÛ……²»¹ý»¹Ëãѧµ½¸ö²»´ó²»Ð¡µÄ¶«Î÷°Ñ£¬ÆðÂëÔÙ´ÎÁìÎòÁËajaxµÄÁ÷³Ì……
Õâ¸ö¹¦ÄÜÊÇÕâÑùµÄ£ºµ±ÄãÔÚä¯ÀÀ±¾Õ¾ÈκÎÒ»¸öÒ³ÃæÊ±£¬ÈôÁíÍâÒ»¸öÈËÔÚijƪÎÄÕÂÖз¢±íÁËÒ»ÌõÆÀÂÛ£¬ÔòÄãÕýÔÚ¿´µÄÍøÒ³ÉÏ·½»á×Ô¶¯µ¯³öÀ´Ò»¸ö¿ò£¬ÌáʾÄãÓÐÒ»ÌõÐÂÆÀÂÛ£¬ÏÂÃæÓиöÁ´½Ó£¬¿ÉÒÔµã½øÈ¥¾ßÌå²é¿´±¾ÌõÆÀÂÛ£¬Õû¸ö¹ý³Ì¶¼ÊÇÔÚÒ³Ãæ²»Ë¢ÐµÄÇé¿öϽøÐеÄŶ£¬ËùÒÔÍêÈ«²»Ó°ÏìÄãä¯ÀÀÎÄÕ£¬Ëù˵µÄЧ¹ûÈçÏ£º

°ÑJS´úÂë·¢À´¹²Ïí£¬PHP´úÂëÉæ¼°Êý¾Ý¿â°²È«¾Í²»·¢ÁË = =
JavaScript´úÂë
- var oXmlHttp = null;
- var interval = 1000;
- var lastCommentId = -1;
- var divNotification = null;
- function showNotification (article_id,name,message) {
- /*if (!divNotification) {
- divNotification = document.createElement("div");
- divNotification.className = "notification";
- document.body.appendChild(divNotification);
- }*/
- divNotification = document.getElementById("divNotification");
- divNotification.innerHTML = "<strong>There is a new comment!(ÓÐÈË·¢±íÁËÒ»Ìõ×îÐÂÆÀÂÛ!)</strong><br /><br /><strong>" + name + " says(˵):" + message + "...</strong><br /><br /><strong><a class=\"tip\" href=\"view.php?id=" + article_id + "#cmtid" + lastCommentId + "\">view this comment(²é¿´ÕâÌõÆÀÂÛ)</a></strong>";
- divNotification.style.top = document.body.scrollTop + "px";
- divNotification.style.left = document.body.scrollLeft + "px";
- divNotification.style.display = "block";
- setTimeout(function () {divNotification.style.display = "none";},10000);
- }
- function checkComment () {
- if (!oXmlHttp) {
- oXmlHttp = zXmlHttp.createRequest();
- } else if (oXmlHttp.readyState != 0 ) {
- oXmlHttp.abort();
- }
- oXmlHttp.open("GET","ajax_checkcomment.php",true);
- oXmlHttp.onreadystatechange = function () {
- if(oXmlHttp.readyState == 4) {
- if(oXmlHttp.status == 200) {
- var arrInfo = oXmlHttp.responseText.split("||");
- //lastCommentId = arrInfo[0];
- if (arrInfo[0] != lastCommentId) {
- if (lastCommentId != -1) {
- showNotification(arrInfo[1],arrInfo[2],arrInfo[3]);
- }
- lastCommentId = arrInfo[0];
- }
- setTimeout(checkComment,interval);
- }
- }
- };
- oXmlHttp.send(null);
- }
- window.onload = function () {
- if (1) {
- checkComment();
- }
- };


ÍêÕû°æAjax±íµ¥ÑéÖ¤
Large
Middle
Small
views(1028)
view comments(4)
add comment


Comments:
var interval = 1000;
ÿÃëÒ»´Î£¬Õâ¸öƵÂʸßÁ˵㣬·ÃÎÊÁ¿Ò»ÉÏÈ¥£¬·þÎñÆ÷¾Í³Ô²»ÏûÁË