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 ...
随机推荐
- Introduction to Financial Management
Recently,i am learning some useful things about financial management by reading <Essentials of Co ...
- Netsharp介绍
1.1 Netsharp是什么 Netsharp定义: Netsharp业务基础平台 = 1.系统框架 + 2.元数据 + 3.平台工具 + 4.基础业务 + 5.二次开发 此五个概念请参考什 ...
- HDU 5800 To My Girlfriend 背包
题目链接: http://acm.hdu.edu.cn/showproblem.php?pid=5800 To My Girlfriend Time Limit: 2000/2000 MS (Java ...
- Poj 1904 King's Quest 强连通分量
题目链接: http://poj.org/problem?id=1904 题意: 有n个王子和n个公主,王子只能娶自己心仪的公主(一个王子可能会有多个心仪的公主),现已给出一个完美匹配,问每个王子都可 ...
- 【BZOJ】【3831】【POI2014】Little Bird
DP/单调队列优化 水题水题水题水题 单调队列优化的线性dp…… WA了8次QAQ,就因为我写队列是[l,r),但是实际操作取队尾元素的时候忘记了……不怎么从队尾取元素嘛……平时都是直接往进放的……还 ...
- Leetcode#123 Best Time to Buy and Sell Stock III
原题地址 最直观的想法就是划分成两个子问题,每个子问题变成了:求在某个范围内交易一次的最大利润 在只能交易一次的情况下,如何求一段时间内的最大利润?其实就是找股价最低的一天买进,然后在股价最高的一天卖 ...
- Brush Mode --- Nyoj 236 分类： Brush Mode 2014-04-02 06:56 116人阅读 评论(0) 收藏
心急的C小加 时间限制:1000 ms | 内存限制:65535 KB 难度:4 描述 C小加有一些木棒,它们的长度和质量都已经知道,需要一个机器处理这些木棒,机器开启的时候需要耗费一个单位的时间 ...
- HDAO one error
对normal target设置的background clearcolor 导致 远处天空 通过了 normalRejectTest 所以要对normal target单独设置 不能通过test的 ...
- 一个包的libevent流程
//一个发包的流程 第一个包就是客户端的心跳包,现在加了版本的包 再来看看这个发包打包过程,过程坚持,但理解费劲 void NGP::OnliveTimer()//客户端心跳,5s发一次 { Send ...
- [ActionScript 3] 本地安全沙箱问题最快解决方法
使用FLex4.0时, Chrome等浏览器会报 安全水箱问题..... 解决方案: 打开flash全局安全配置面板并在页面中的配置面板中添加可信任的swf文件或者文件夹: 若是记不住全局安全配置 ...