PHP学习笔记 2009-8-22 用JavaScript实现删除确认

PHP学习笔记
2009-8-22
 
主题：用JavaScript实现删除确认
 
1 要点
1.1 记事分类的删除确认
QQ邮箱记事本里记事可以分类，对分类进行管理的时候有删除、重命名和清空功能。但想要删除某个分类必须先清空这个分类，也就是删除这个分类所属的所有记事。所以“删除确认”应该包含两个功能：
（1）如果该分类还有记事，则提示用户“请先清空该分类！”
（2）如果该分类已被清空，则弹出对话框询问用户是否真的要删除该分类，用户点击“确定”则删除，否则不删除并停留在当前页面
 
1.2 用JavaScript实现
1.2.1 anchor标签
Html中的anchor标签用于实现超链接（anchor有“锚”的意思），这里要使用的是它的href和onclick两个属性，href属性指明该超链接的目标URL，onclick属性则指明点击该超链接时的处理代码。
 
1.2.2 js的实现
1.2.2.1 作为一种好习惯，最好用一个函数调用作为事件处理属性的值。我把这个功能写在了函数confirmCateDel()中，它只有一个参数——noteCnt，它指明属于该分类的记事的数目。
 
1.2.2.2 使用js的alert()函数显示警告窗口，它的参数就是想要显示给用户的提示信息，窗口只带一个“确定”按钮。
 
1.2.2.3 使用js的confirm()函数显示确认窗口，它的参数就是显示给用户的确认信息，窗口带一个“确认”和一个“取消”按钮。如果用户点击“确认”，函数返回“true”，点击“取消”则返回“false”。
 
1.2.2.4 这里的关键问题是这个函数的返回值以及该怎么调用它
（1）首先函数需要返回“true”或“false”（注意这里应该用小写，我用大写结果无效），以表明用户到底是决定转到超链接指定的目标URL，还是停留在当前页面（即取消跳转）。
（2）其次，在onclick属性里调用该函数时必须使用return语句，即“return confirmCateDel()”，因为该函数的返回值“必须传递到调用事件处理器的地方”（这句话是我引用的，老实说我还不太理解），不使用return的话就算点击“取消”指定分类还是会被删除。
 
2 源代码
2.1 超链接
echo "<a href=/"myNote.php?do=category&action=del&cateid=".$row -> CateID."/" onclick=/"return confirmCateDel(".$noteCnt.");/">删除</a>/n";
说明：由于需要访问数据库，所以我使用PHP的echo函数来输出这个超链接标签，$row -> CateID是访问数据库取得的该分类的ID，用$_GET[‘cateid’]把它传递到目标页面，$noteCnt是访问数据库取得的该分类的记事的数目。
 
2.2 js函数confirmNoteCnt(noteCnt)
<script language="javascript">
              <!--
              function confirmCateDel(noteCnt)
              {
                     if(noteCnt != 0)
                     {
                            alert("请先清空该分类！");
                            return false;
                     }
                     else
                     {
                            return confirm("您确定要删除该分类吗？");
                     }
              }
              -->
       </script>
 
3 总结
今天应该算是正式接触JavaScript，写了个函数，但是不知道这个功能可不可以用PHP实现。另一个很火的技术应用AJAX（Asynchronous JavaScript and XML，异步JavaScript和XML）就包含JavaScript，以后要接触一下XML才行。