ajax练习四留言板
留言界面
<!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=utf-8" />
<style type="text/css">
.b
{
width:%;
margin-top:5px;
left:%;
right:%;
background: #CCC;
max-height:100px;
}
.c
{
width:%;
top:0px;
height:30px;
background:#C60;
}
.d
{
width:%;
top:30px;
padding-top:3px;
padding-bottom:3px;
}
.e
{
width:%;
bottom:0px;
height:30px;
background:#C60;
position:absolute;
} </style>
<script type="text/javascript" src="../../popwindow/jquery-1.11.2.min.js"></script> <title>无标题文档</title>
</head> <body>
<?php session_start();//用户登录状态
if (empty($_SESSION["name"]))
{
echo "<a href='index.php'>未登录</a>";
}
else
{
echo "<a href='yonghu.php'>".$_SESSION["name"]."</a>";
} ?>
<div style=" top:50px; width:30%; left:35%; position:absolute;" align="center">留言板</div>
<div align="center" style="border:#F00 solid 2px; width:70%; height:500px; left:15%; position:absolute; top:100px" >
<div align="left" style="font:'雅黑'; color:#F00; font-size:24px ; left:10%; right:10%; margin-top:10px; border-bottom-color:#3F0 ; border-bottom:3px solid; position:absolute;" >投诉意见：</div><div align="left" style="background:#FF9; font-size:10px; width:90%; height:400px; top:50px; left:5%; position:absolute;" id="a">
<?php
include ("../DBDA.class.php");
include ("../page.class.php");
$db=new DBDA();
$sqlall="select count(*) from liuyanban ";
$attrall=$db->Query($sqlall);
$total=$attrall[][];
$page=new Page($total,); //需要参数 1.数据总条
$sql="select * from liuyanban ".$page->limit;//SQL语句拼接limit;
$attr=$db->Query($sql);
foreach ($attr as $v)
{
echo "
<div class='b'><div class='c'>用户：{$v[]} 留言时间:{$v[]}</div><div class='d'>{$v[]}</div></div>";
} ?>
</div>
<?php
//调用分页信息
echo "<div class='e'>".$page->fpage()."</div>";
?>
</div>
<div style="width:80%; top:620px; border:#30F solid 2px; position:absolute; min-height:150px; left:10%;"><font size="+2">你的宝贵建议：</font><textarea id="text" style="width:80%; left:15%; height:100px; margin:10px; position:absolute;"></textarea>
<div style="bottom:2px; left:15%; position:absolute;"><input type="button" id="y" value="提交" style="margin-left:10px;"/><input type="button" id="n" value="取消" style="margin-left:10px;"/>
</div>
</div>
</body>
<script type="text/jscript">
$(document).ready(function(e) {
$("#y").click(function(e) {
var nr=$("#text").val();
$.ajax({
url:"chuli1.php",
data:{nr:nr},
type:"POST",
dataType:"TEXT",
success: function(data)
{ if (data.trim()=="sl")
{
alert("请先登录");
}
else if (data.trim()=="n")
{
alert("提交失败");
}
else
{
//将返回的信息显示在留言区
var hang=data.split("|");
var str="<div class='b'><div class='c'>用户:"+hang[]+" 留言时间:"+hang[]+"</div><div class='d'>"+hang[]+"</div></div>";
$('#a').append(str); }
}
});
});
//取消按钮清空文本域
$("#n").click(function(e) {
$("#text").empty();
});
});
</script>
</html>
登录页面
<!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=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="../../popwindow/jquery-1.11.2.min.js"></script>
</head> <body>
<?php
session_start();//用户登录状态
if (empty($_SESSION["name"]))
{
echo "<a href='index.php'>未登录</a>";
}
else
{
echo "<a href='yonghu.php'>".$_SESSION["name"]."</a>";
} ?>
<div align="center" style="width:50%; top:100px; border:#F00 solid 1px ; font:large '雅黑' bolder; color:#C30; position:absolute; left:25%; ">
<h1>**会员登录</h1>
<div style="margin-top:20px; font-size:12px" >用户名：<input type="text" id="name" style="height:15px;"/></div>
<div style="margin-top:20px; font-size:12px; margin-bottom:20px;" >密 码：<input type="password"id="pwd" style="height:15px;"/> </div>
<div style="font-size:12px; margin-bottom:20px;"><input type="button" value="登录" id="btn"/></div>
</div>
<script type="text/javascript" > $(document).ready(function(e) {
$("#btn").click(function(e) {
var name=$("#name").val();
var pwd=$("#pwd").val();
$.ajax({
url:"chuli.php",
dataType:"text",
data:{name:name,pwd:pwd},
type:"POST",
success: function(data){
var a=data.trim();
if (a=="n")
{
alert("密码或账号错误");
window.location.href="index.php";
}
else if (a=="y")
{
window.location.href="liuyanban.php";
}
}
});
});
});
</script>
</body>
</html>
登录处理页面
<?php
session_start();
include ("../DBDA.class.php");
$db=new DBDA();
$pwd=$_POST["pwd"];
$name=$_POST["name"];
if ($name!=""&&$pwd!="")
{
$sql="select password from login where username='{$name}'";
$attr=$db->StrQuery($sql); if($attr==$pwd )
{
echo"y";
$_SESSION["name"]=$name;
}
else
{
echo"n";
}
}
留言板处理
<?php
session_start();//用户登录状态
if(empty($_SESSION["name"]))//没有登录
{
echo "sl";
}
else
{
include ("../DBDA.class.php");
$name=$_SESSION["name"];
$nr=$_POST["nr"];
$time=date('Y-m-d H:i:s');
$db=new DBDA();
$sql="insert into liuyanban values ('','$name','$nr','$time')";
$result=$db->Query($sql,);
if($result)//添加成功
{
$str="";
$str=$nr."|".$name."|".$time;
echo $str;
}
else//添加失败
{
echo "n";
}
}
ajax练习四留言板的更多相关文章
- LigerUi框架+jquery+ajax无刷新留言板系统的实现
前些天发布了LigerUi框架的增.删.改代码,一堆代码真的也没一张图片.有的网友推荐上图,所有今天把涉及到这个框架的开源的留言板共享给大家.在修改的过程中可能有些不足的地方希望大家拍砖. 因为留言板 ...
- Repeater+AspNetPager+Ajax留言板
最近想要巩固下基础知识,于是写了一个比较简单易懂实用的留言板. 部分样式参考了CSDN(貌似最近一直很火),部分源码参照了Alexis. 主要结构: 1.前期准备 2.Repeater+AspNetP ...
- PHP基础知识总结（四） 留言板例子 知识应用
1.留言板显示页面:note.php <?php $host = "127.0.0.1"; $user = "root"; $pwd = "zs ...
- php......留言板
部门内部留言板 一.语言和环境 实现语言 PHP 二.要求: 本软件是作为部门内员工之间留言及发送消息使用. 系统必须通过口令验证,登录进入.方法是从数据库内取出用户姓名和口令的数据进行校验. 用户管 ...
- [课程设计]Scrum 3.7 多鱼点餐系统开发进度（留言板选择方案）
Scrum 3.7 多鱼点餐系统开发进度(留言板选择方案) 1.团队名称:重案组 2.团队目标:长期经营,积累客户充分准备,伺机而行 3.团队口号:矢志不渝,追求完美 4.团队选题:餐厅到店点餐系统W ...
- 瀑布流 &留言板
实例:瀑布流 留言板(一)瀑布流瀑布流实现原理分析1.ajax文件内容function ajax(method, url, data, success) { var xhr = null; ...
- tp框架做留言板
首先是登录的LoginController.class.php 代码内容是 <?php namespace Admin\Controller; use Think\Controller; cla ...
- 用pdo实现的织梦后台留言板
<?php //ini_set("display_errors", "On"); include("data/common.inc.php&qu ...
- html的显示消息和留言板
<div class="inner_content"> <c:forEach items="${notices}" var="n&q ...
随机推荐
- 一个Linq
public class CalendaerCollectItem { public int ID { get; set; } public string Name { get; set; } pub ...
- Windows下配置使用MemCached
工具: memcached-1.2.6-win32-bin.zip MemCached服务端程序(for win) Memcached Manager win下的Mem ...
- log4j 配置实例
1. http://hehongwei44.iteye.com/blog/1494999 2. http://maymay.iteye.com/blog/1275432 #log4j.rootLogg ...
- 关灯问题 dp
题意是一排路灯,每个路灯有耗电量,照明度,需要给这n个路灯按顺序分组,每组内的最大耗电量是电灯数乘t,可以选择关闭一些电灯,求最大的照明度: 这题思路很明显,预处理出一个g[i][j]表示i到j分为一 ...
- .NET设计模式（12）：外观模式（Façade Pattern）（转）
概述 在软件开发系统中,客户程序经常会与复杂系统的内部子系统之间产生耦合,而导致客户程序随着子系统的变化而变化.那么如何简化客户程序与子系统之间的交互接口?如何将复杂系统的内部子系统与客户程序之间的依 ...
- .NET设计模式（9）：桥接模式（Bridge Pattern）（转）
概述 在软件系统中,某些类型由于自身的逻辑,它具有两个或多个维度的变化,那么如何应对这种“多维度的变化”?如何利用面向对象的技术来使得该类型能够轻松的沿着多个方向进行变化,而又不引入额外的复杂度?这就 ...
- BZOJ 3155: Preprefix sum
大意:给一个数组,先求出SUM[I],然后动态的求出1-I的SUM[I]的和, 这题得化公式: 树状数组维护两个和:SUM(A[I])(1<=I<=X); SUM(A[I]*(N-I+1) ...
- 使用jQuery动态加载js脚本
动态加载Javascript是一项非常强大且有用的技术.这方面的主题在本站已经讨论了不少,我也经常会在一些个人项目上使用RequireJS和Dojo加载js.它们很强大,但有时候也会得不偿失.如果你使 ...
- MySQL复制中slave延迟监控
在MySQL复制环境中,我们通常只根据 Seconds_Behind_Master 的值来判断SLAVE的延迟.这么做大部分情况下尚可接受,但并不够准确,而应该考虑更多因素. 首先,我们先看下SLAV ...
- SELINUX设为Disable 影响java SSH工具包Jsch 0.1.49.jar的一个案例
最近项目中遇到一个典型事件,当RHEL 的SELINUX设为DISABLE时 使用JAVA的Jsch 库调用SSH命令时将随机返回空字符串,我使用的版本是0.1.49,最新版本0.1.51未测试. 关 ...