一 代码
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 />
<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="http://www.mingri***.com" class="a1">吉林省**科技有限公司</a>! 未经授权禁止复制或建立镜像!<BR>
<BR>Copyright © <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 />
<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="http://www.mingri***.com" class="a1">吉林省**科技有限公司</a>! 未经授权禁止复制或建立镜像!<BR>
<BR>Copyright © <a href="http://www.mingri***.com" class="a1">www.mingri***.com</a> All Rights Reserved!<BR>
</DIV>
</div></td>
</tr>
</table>
</body>
</html>
二 运行结果
相关推荐
总的来说，"基于AJAX技术的博客系统设计与实现"项目是学习和实践Web开发，尤其是AJAX技术的一个优秀实例，通过这个项目，开发者不仅可以了解如何构建一个交互性强的博客系统，还能深入理解AJAX在实际项目中的应用。
主要介绍了PHP+Ajax实现的博客文章添加类别功能,结合实例形式分析了php+ajax实现的数据交互、数据库连接、查询等相关操作技巧,需要的朋友可以参考下
**Ajax技术及其在STRUTS应用中的实现** Ajax（Asynchronous JavaScript and XML）是一种在无需刷新整个网页的情况下，能够更新部分网页的技术。它的核心在于利用JavaScript与服务器进行异步通信，提高了用户体验，...
总的来说，这个“php与ajax实现文章管理”项目涵盖了Web开发中的基础技术，包括前后端交互、数据库操作和动态页面更新，对于初学者来说，这是一个很好的学习和实践案例。通过深入理解并实际操作这个系统，可以提升对...
"Ajax技术及其在STRUTS应用中的实现" Ajax技术是异步JavaScript和XML（Asynchronous JavaScript and XML）的缩写，它不是一种单一的技术，而是几种已经成熟的技术的集成。Ajax技术的核心包括JavaScript、...
"AJAX技术在Web应用中的研究与实现.pdf" AJAX技术是当前Web应用开发中的一种关键技术，它可以实现异步交互，提高Web应用程序的数据交换速度和响应速度。本文将对AJAX技术的工作原理、主要技术和应用情况进行研究和...
【Ajax技术在WebGIS开发中的应用研究】 随着互联网的飞速发展，WebGIS（Web地理信息系统）的应用场景日益广泛，从传统的桌面应用逐渐过渡到Web平台。为了应对大量的实时交互和频繁的数据通信需求，AJAX（异步...
### Ajax技术在ASP.NET...而创建简易聊天室的过程，则进一步展示了Ajax技术在实现复杂交互功能方面的强大能力。 总之，学习并掌握这些技术和控件的使用方法，对于开发出更加高效、友好且功能丰富的Web应用至关重要。
### Ajax技术在WebGIS中的应用 #### 一、引言 随着互联网技术的飞速发展，WebGIS（网络地理信息系统）作为一种将地理信息与互联网相结合的技术，在地理信息共享、地图服务提供等方面展现出巨大潜力。而Ajax...
Ajax技术可以实现在PHP开发中的各种应用，例如在线聊天室、实时更新的新闻列表、实时的数据分析等。 Ajax技术在PHP开发中的应用可以提高用户体验，减轻服务器的负担和网络流量，提高开发效率。因此，在现代web开发...
基于Ajax技术的博客系统设计与实现 毕业设计。。。。你懂的。。。
在Web应用程序中，Ajax技术可以实现异步人机交互过程，提高程序的可操作性和界面的友好性、直观性。同时，Ajax技术也可以用于设计和实现异步树结构，例如文件目录树等。 JQuery Ajax框架是Ajax技术的一种实现方式，...
Ajax在实现动态树状菜单中的核心步骤如下： 1. **HTML结构**：首先，我们需要在HTML中定义树状菜单的基础结构，通常使用`<ul>`和`<li>`标签来表示各个层级的节点。 2. **JavaScript初始化**：使用JavaScript（通常...
"Ajax技术在信息系统项目中的应用与实现" Ajax技术是目前非常流行的一种网页交互技术，它允许在客户端和服务器之间只传输少量的信息，避免了每次点击都要重新下载页面的等待，从而让用户得到更快的响应和更及时的...
AJAX（Asynchronous JavaScript and XML）与PHP的结合是现代Web开发中常用的技术组合，用于构建动态、交互性强的网页应用。尽管XML在现代实践中已不再作为主要的数据交换格式，但AJAX的核心思想——异步数据传输和...
AJAX技术在随机抽题系统中的应用 AJAX技术是现代Web开发中的一种重要技术，它可以帮助开发者创建快速、交互式的Web应用程序。在随机抽题系统中，AJAX技术可以解决传统随机抽题系统中的许多问题，例如频繁的页面...
"AJAX技术在网络考试分析中的应用.pdf" 本文主要讨论了AJAX技术在网络考试分析中的应用。AJAX技术可以实现网络考试系统中的动态页面更新，提高用户体验。同时，AJAX技术也可以用于考试分析系统，实现实时数据分析和...
3. **主论文**：“57024-Ajax在客户管理系统中的应用”部分，预计将深入探讨Ajax技术在CRM系统中的具体应用，可能包括设计思路、技术实现细节、系统架构、功能模块介绍、性能分析和结论。 综上所述，这篇毕业论文将...
"Ajax技术在Web2.0中的应用" Ajax技术是指Asynchronous JavaScript and XML（异步JavaScript和XML），是一种创建交互式网页应用的网页开发技术。它改变了传统Web应用的交互模式，为用户提供了动态、快速、灵活的...