在php中应用Ajax技术实现博客文章添加类别

编程语言 2018-05-10 07:26:30 阅读次数: 0

一 代码

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-www-form-urlencoded;");     //指定发送数据库类型
		
		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" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>添加类别</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
</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="#" 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 />
	&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="typename" size="30" id="typename" /><br /><br/>
	发布人：<br />
	&nbsp;&nbsp;&nbsp;&nbsp;<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="http://www.mingri***.com" class="a1">吉林省**科技有限公司</a>!   未经授权禁止复制或建立镜像!<BR>
          <BR>Copyright &copy; <a href="http://www.mingri***.com" class="a1">www.mingri***.com</a> All Rights Reserved!<BR>
      </DIV>
    </div></td>
  </tr>
</table>
</body>
</html>
 
saveType.php 
<?php
require_once 'conn.php';
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>添加类别</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
</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="#" 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 />
	&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="typename" size="30" id="typename" /><br /><br/>
	发布人：<br />
	&nbsp;&nbsp;&nbsp;&nbsp;<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="http://www.mingri***.com" class="a1">吉林省**科技有限公司</a>!   未经授权禁止复制或建立镜像!<BR>
          <BR>Copyright &copy; <a href="http://www.mingri***.com" class="a1">www.mingri***.com</a> All Rights Reserved!<BR>
      </DIV>
    </div></td>
  </tr>
</table>
</body>
</html>
 
二 运行结果

 

猜你喜欢

转载自cakin24.iteye.com/blog/2379443
今日推荐
基于大语言模型的开源知识库问答系统 MaxKB GitHub Star 数量突破 5,000 个！
美国拟限制 AI 大模型出口中国和俄罗斯
苹果将与 OpenAI 达成协议，将 ChatGPT 应用于 iPhone
openKylin 社区生态委员会第六次会议圆满召开
阿里云正式发布通义千问 2.5
Python 3.13 发布首个 Beta：实验性自由线程模式和 JIT、改进交互式解释器
Stack Overflow 拿我的代码去训练 AI 大模型，还封了我的账号
Pop!_OS 的 COSMIC 桌面完成 App Store 上架工作
报告：Django 仍然是 74% 开发者的首选
《2024 年一季度互联网投融资运行情况》研究报告
15 年前上了“FFmpeg 耻辱柱”，今天他还得谢谢咱——腾讯QQPlayer一雪前耻？
TIOBE 5 月榜单：Fortran “复活”进入 Top 10
周排行
BPM为企业带来的实际利益
好程序员web前端分享css常用属性缩写
Java文件下载（excel）
css样式的动态添加及显示和隐藏等零碎用法
axios全局配置以及拦截器
使用Logstash来实时同步MySQL和log日志数据到ES
C++获取当前时间（年月日、时分秒、毫秒）
Odoo产品分析 (四) -- 工具板块(11) -- 网站即时聊天(1)
Java环境配置正确，但是java、javac、java -version均返回“不是内部或外部命令，也不是可运行的程序或批处理文件”？
01 官网下载各种CentOS教程（超详细版）
每日归档
更多
2024-05-14(0)
2024-05-13(18)
2024-05-12(0)
2024-05-11(38)
2024-05-10(38)
2024-05-09(35)
2024-05-08(42)
2024-05-07(14)
2024-05-06(40)
2024-05-05(0)

代码天地 © 2018 codetd.com

境外服务器   最新电视剧2022