`
cakin24
  • 浏览: 1409822 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

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

    博客分类:
  • PHP
阅读更多

一 代码

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>
 
二 运行结果

 
  • 大小: 47.8 KB
1
1
分享到:
评论

相关推荐

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

    在本示例中,我们将探讨如何使用PHP和Ajax技术实现在博客系统中动态添加文章类别的功能。这个功能允许用户无需刷新整个页面就能向博客添加新的分类,提升了用户体验。 首先,我们关注JavaScript部分,文件`fun.js`...

    PHP Tag Engine-开源

    PHP Tag Engine 是一个专为PHP开发者设计的开源库,它旨在简化在PHP应用中实现标记(Tag)功能的过程。这个强大的工具不仅提供了完整的AJAX前端支持,使得用户可以在不刷新页面的情况下进行交互,还允许开发者通过...

    新闻发布系统后台模板

    在实际应用中,后台模板通常采用HTML、CSS和JavaScript等前端技术构建,同时可能结合了AJAX以实现无刷新交互,提升用户体验。此外,为了与后端服务器进行数据交换,模板可能会利用API接口,如RESTful API,与PHP、...

    RSS获取新闻并发布

    RSS(Really Simple Syndication)是一种基于XML的网络内容发布协议,它允许网站提供自己的新闻、博客更新或者其他信息源,使得用户可以通过RSS阅读器或者聚合器订阅这些信息源,获取实时更新的内容。本项目旨在实现...

    基于改进粒子群算法的DG储能选址定容优化模型:解决电力系统时序性问题的可靠程序解决方案,基于改进粒子群算法的DG储能选址定容模型优化解决电力系统问题,DG储能选址定容模型matlab 程序采用改进粒子

    基于改进粒子群算法的DG储能选址定容优化模型:解决电力系统时序性问题的可靠程序解决方案,基于改进粒子群算法的DG储能选址定容模型优化解决电力系统问题,DG储能选址定容模型matlab 程序采用改进粒子群算法,考虑时序性得到分布式和储能的选址定容模型,程序运行可靠 这段程序是一个改进的粒子群算法,主要用于解决电力系统中的优化问题。下面我将对程序进行详细分析。 首先,程序开始时加载了一些数据文件,包括gfjl、fljl、fhjl1、cjgs和fhbl。这些文件可能包含了电力系统的各种参数和数据。 接下来是一些参数的设置,包括三种蓄电池的参数矩阵、迭代次数、种群大小、速度更新参数、惯性权重、储能动作策略和限制条件等。 然后,程序进行了一些初始化操作,包括初始化种群、速度和适应度等。 接下来是主要的迭代过程。程序使用粒子群算法的思想,通过更新粒子的位置和速度来寻找最优解。在每次迭代中,程序计算了每个粒子的适应度,并更新个体最佳位置和全局最佳位置。 在每次迭代中,程序还进行了一些额外的计算,如潮流计算、储能约束等。这些计算可能涉及到电力系统的潮流计算、功率平衡等知识点。 最后,程序输

    数学建模相关主题资源2

    数学建模相关主题资源2

    实验程序与文档报告撰写指南:科研和工程项目的综合资源介绍及应用技巧

    内容概要:本文详细介绍了一系列用于科学研究、工程项目和技术开发中至关重要的实验程序编写与文档报告撰写的资源和工具。从代码托管平台(GitHub/GitLab/Kaggle/CodeOcean)到云端计算环境(Colab),以及多种类型的编辑器(LaTeX/Microsoft Word/Overleaf/Typora),还有涵盖整个研究周期的各种辅助工具:如可视化工具(Tableau)、数据分析平台(R/Pandas)、项目管理工具(Trello/Jira)、数据管理和伦理审核支持(Figshare/IRB等),最后提供了典型报告的具体结构指导及其范本实例链接(arXiv/PubMed)。这为实验流程中的各个环节提供了系统的解决方案,极大地提高了工作的效率。 适合人群:高校学生、科研工作者、工程技术人员以及从事学术写作的人员,无论是新手入门还是有一定经验的人士都能从中受益。 使用场景及目标:帮助读者高效地准备并开展实验研究活动;促进团队间协作交流;规范研究报告的形式;提高对所收集资料的安全性和隐私保护意识;确保遵循国际公认的伦理准则进行实验。

    四轮毂驱动电动汽车稳定性控制策略:基于滑模与模糊神经网络的转矩分配与仿真研究,四轮毂驱动电动汽车稳定性控制:基于滑模与模糊神经网络的转矩分配策略及联合仿真验证,四轮毂驱动电动汽车稳定性控制,分布式驱动

    四轮毂驱动电动汽车稳定性控制策略:基于滑模与模糊神经网络的转矩分配与仿真研究,四轮毂驱动电动汽车稳定性控制:基于滑模与模糊神经网络的转矩分配策略及联合仿真验证,四轮毂驱动电动汽车稳定性控制,分布式驱动转矩分配。 上层基于滑模,模糊神经网络控制器决策横摆力矩,下层基于动态载荷分配,最优分配,平均分配均可做。 simulink与carsim联合仿真。 ,四轮毂驱动;电动汽车稳定性控制;分布式驱动;转矩分配;滑模控制;模糊神经网络控制器;横摆力矩;动态载荷分配;最优分配;平均分配;Simulink仿真;Carsim仿真,四驱电动稳定性控制:滑模与模糊神经网络决策的转矩分配研究

    PyCharm 安装教程.zip

    本资源提供了一份详细的PyCharm安装教程,涵盖下载、安装、配置、激活及使用步骤,适合新手快速搭建Python开发环境。

    233.JSP+SQL金融借贷管理系统.zip

    毕业设计

    原版宋体安装文件.ttf

    原版宋体.ttf,原版宋体安装文件,安装方式,直接右键安装。

    MicroBlaze实现IIC控制器+uart控制器+LED控制,工程源码 vivado2021.1 + vitis2021.1

    利用Xilinx FPGA内嵌的软核处理器MicroBlaze,加上自主编写的AXI_IIC控制器,实现对IMX327传感器IIC总线的控制,同时辅以UART调试串口,实现系统状态的实时监控与调试。

    0110_xee_irrigation_index.txt

    在 GEE(Google Earth Engine)中,XEE 包是一个用于处理和分析地理空间数据的工具。以下是对 GEE 中 XEE 包的具体介绍: 主要特性 地理数据处理:提供强大的函数和工具,用于处理遥感影像和其他地理空间数据。 高效计算:利用云计算能力,支持大规模数据集的快速处理。 可视化:内置可视化工具,方便用户查看和分析数据。 集成性:可以与其他 GEE API 和工具无缝集成,支持多种数据源。 适用场景 环境监测:用于监测森林砍伐、城市扩展、水体变化等环境问题。 农业分析:分析作物生长、土地利用变化等农业相关数据。 气候研究:研究气候变化对生态系统和人类活动的影响。

    通用MySQL数据库备份系统.zip

    毕业设计

    用esp 32C3芯片获取天气和时间的代码思路

    整个文件的代码

    名字微控制器_STM32_DFU_引导加载程序_dapboo_1740989527.zip

    名字微控制器_STM32_DFU_引导加载程序_dapboo_1740989527.zip

    工具变量-全国分市人口密度数据集-基本无缺失值(2000-2023年).xlsx

    详细介绍及样例数据:https://blog.csdn.net/T0620514/article/details/145991332

    anaconda配置pytorch.zip

    anaconda配置pytorch环境

    立体仓库控制组态王6.55与三菱PLC联机仿真程序:视频教程与IO表接线图CAD详解,9仓位立体仓库控制系统优化方案:组态王6.55与三菱PLC联机仿真程序视频教程及IO表接线图CAD详解,9仓位立体

    立体仓库控制组态王6.55与三菱PLC联机仿真程序:视频教程与IO表接线图CAD详解,9仓位立体仓库控制系统优化方案:组态王6.55与三菱PLC联机仿真程序视频教程及IO表接线图CAD详解,9仓位立体仓库控制组态王6.55和三菱PLC联机仿真程序+视频+带io表接线图CAD ,关键词:立体仓库;控制组态王6.55;三菱PLC;联机仿真程序;视频;io表接线图;CAD,立体仓库控制组态王与三菱PLC联机仿真程序资源包

Global site tag (gtag.js) - Google Analytics