PHP+Ajax实现的博客文章添加类别功能示例

2018-09-07 13:07

阅读:329

  本文实例讲述了PHP+Ajax实现的博客文章添加类别功能。分享给大家供大家参考,具体如下:

  一. 代码

  fun.js

   function saveType(typename, username){ if(typename==){ //判断博客类别是否为空 alert(请输入类别名称!); }else if(username==){ //判断用户名是否为空 alert(请输入用户名!); }else{ var xmlObj; //定义XMLHttpRequest对象 var urlData = typename=+typename+&username=+username; //指定要发送的数据 if(window.ActiveXObject){ //判断浏览器是否支持ActiveXObject组件,如支持则通过ActiveXObject方式创建XMLHttpRequest对象 xmlObj = new ActiveXObject(Microsoft.XMLHTTP); }else if(window.XMLHttpRequest){ //如果浏览器不支持ActiveXObject组件,则使用XMLHttpRequest组件创建XMLHttpRequest对象 xmlObj = new XMLHttpRequest(); } xmlObj.onreadystatechange = callBackFun; //指定回调函数 xmlObj.open(POST, saveType.php, true); //指定提交方法和页面 xmlObj.setRequestHeader(Content-Type, application/x-指定发送数据库类型 xmlObj.send(urlData); //指定发送的数据 function callBackFun(){ //定义回调函数 if(xmlObj.readyState == 4 && xmlObj.status == 200){ //如果服务器端返回内容并无错误发生 if(xmlObj.responseText == y){ //判断保存是否成功,并给出提示 alert(类别添加成功!); }else{ alert(类别添加失败!); } } } } }

  conn.php

   <?php $host = 127.0.0.1; $userName = root; $password = root; $connID = mysql_connect($host, $userName, $password); mysql_select_db(db_database27, $connID); mysql_query(set names gbk); ?>

  index.php

   <?php require_once conn.php; ?> <!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN 添加类别</title> <link rel=stylesheet type=text/css href=css/style.css rel=external nofollow rel=external nofollow /> </head> <script language=javascript src=js/fun.js></script> <body> <table border=0 align=center cellpadding=0 cellspacing=0> <tr> <td><img src=images/banner.gif width=608 height=109 /></td> </tr> </table> <table width=200 height=7 border=0 align=center cellpadding=0 cellspacing=0> <tr> <td></td> </tr> </table> <table width=608 height=200 border=0 align=center cellpadding=0 cellspacing=1 bgcolor=#7ED227> <tr> <td width=150 bgcolor=#F6FEFE valign=top> <table width=150 border=0 cellpadding=0 cellspacing=1 bordercolor=#FFFFFF bgcolor=#D6FEFE> <?php $sql = mysql_query(select typename,username from tb_type order by addtime desc, $connID); $result = mysql_fetch_array($sql); if ($result){ do{ ?> <tr> <td bgcolor=#A6E617 height=20><div align=center><a href=# rel=external nofollow rel=external nofollow class=a1><?= $result[typename]?></a></div></td> </tr> <tr> <td bgcolor=#F2F2F2 height=12><div align=left>发布人: <?= $result[username]?> </a></div></td> </tr> <?php }while($result = mysql_fetch_array($sql)); }else{ ?> <tr> <td bgcolor=#A6E617 height=20>暂无文章类别</td> </tr> <?php } ?> </table> </td> <td width=455 bgcolor=#FFFFFF style=padding-left:30px; line-height:25px> 请输入博客类别:<br /> <input type=text name=typename size=30 id=typename /><br /><br/> 发布人:<br /> <input type=text name=username size=30 id=username /><br /><br/> <input type=button value=保存 onclick=saveType(typename.value, username.value) /> </td> </tr> </table> <table width=200 height=7 border=0 align=center cellpadding=0 cellspacing=0> <tr> <td></td> </tr> </table> <table width=608 height=70 border=0 align=center cellpadding=0 cellspacing=0> <tr> <td background=images/bottom.gif><div align=center> <DIV align=center>『博客』 版权所有 <a href=吉林省**科技有限公司</a>! 未经授权禁止复制或建立镜像!<BR> <BR>Copyright © <a href=

  saveType.php

   <?php require_once conn.php; ?> <!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN 添加类别</title> <link rel=stylesheet type=text/css href=css/style.css rel=external nofollow rel=external nofollow /> </head> <script language=javascript src=js/fun.js></script> <body> <table border=0 align=center cellpadding=0 cellspacing=0> <tr> <td><img src=images/banner.gif width=608 height=109 /></td> </tr> </table> <table width=200 height=7 border=0 align=center cellpadding=0 cellspacing=0> <tr> <td></td> </tr> </table> <table width=608 height=200 border=0 align=center cellpadding=0 cellspacing=1 bgcolor=#7ED227> <tr> <td width=150 bgcolor=#F6FEFE valign=top> <table width=150 border=0 cellpadding=0 cellspacing=1 bordercolor=#FFFFFF bgcolor=#D6FEFE> <?php $sql = mysql_query(select typename,username from tb_type order by addtime desc, $connID); $result = mysql_fetch_array($sql); if ($result){ do{ ?> <tr> <td bgcolor=#A6E617 height=20><div align=center><a href=# rel=external nofollow rel=external nofollow class=a1><?= $result[typename]?></a></div></td> </tr> <tr> <td bgcolor=#F2F2F2 height=12><div align=left>发布人: <?= $result[username]?> </a></div></td> </tr> <?php }while($result = mysql_fetch_array($sql)); }else{ ?> <tr> <td bgcolor=#A6E617 height=20>暂无文章类别</td> </tr> <?php } ?> </table> </td> <td width=455 bgcolor=#FFFFFF style=padding-left:30px; line-height:25px> 请输入博客类别:<br /> <input type=text name=typename size=30 id=typename /><br /><br/> 发布人:<br /> <input type=text name=username size=30 id=username /><br /><br/> <input type=button value=保存 onclick=saveType(typename.value, username.value) /> </td> </tr> </table> <table width=200 height=7 border=0 align=center cellpadding=0 cellspacing=0> <tr> <td></td> </tr> </table> <table width=608 height=70 border=0 align=center cellpadding=0 cellspacing=0> <tr> <td background=images/bottom.gif><div align=center> <DIV align=center>『博客』 版权所有 <a href=吉林省**科技有限公司</a>! 未经授权禁止复制或建立镜像!<BR> <BR>Copyright © <a href=

  二. 运行结果

  更多关于PHP相关内容感兴趣的读者可查看本站专题:《PHP+ajax技巧与应用小结》、《PHP网络编程技巧总结》、《PHP基本语法入门教程》、《php面向对象程序设计入门教程》、《php字符串(string)用法总结》、《php+mysql数据库操作入门教程》及《php常见数据库操作技巧汇总》

  希望本文所述对大家PHP程序设计有所帮助。


评论


亲,登录后才可以留言!