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 ...
随机推荐
- 基于word制作网站webhelp
处理问题描述:现在我有个javaweb项目,需要在portal上面点击help即可打开: 当前搜索百度(谷歌不能用了),没有找到更好的解决方案,自己想了个比较简单实用的方法,仅供参考: 设计原理:利用 ...
- [转载]char * 和char []的区别---之第二篇
原文地址:http://blog.sina.com.cn/s/blog_74a4593801019keb.html main() { char *p="abc123ABC";//c ...
- django构建blog--页面部分（eclipse+pydev）
本文介绍的是在eclipse+pydev 平台下,利用django 搭建blog的第2部分:页面部分(主要涉及3个部分:模板.视图.URL模式) 篇幅1:创建模板 blog目录下新建一个文件夹:tem ...
- 编写单例的 dojo class
define([ "dojo/_base/declare" ],function( declare ){ var TimeChartService = declare(" ...
- logback日志项目使用方法 - 150205交易模块添加日志信息logback,orderNo订单号为log主键便于跟踪，数字常量化，解决取消支付BUG，弱网络环境原因
1.项目里面的日志,便于跟踪数据的变更和异常错误信息产生.生产环境的日志级别是INFO,测试环境日志级别DEBUG,如果生产环境的日志级别是DEBUG,虽然方便查询问题,可以看到SQL语句等信息,但是 ...
- NodeJS模块、包、NPM
1.NodeJS模块 每一个Nodejs都是一个NodeJS模块,包括JS文件,JSON文本文件,二进制模块文件. a.模块的应用 新建一个文件mytest. ...
- POJ 3233 Matrix Power Series （矩阵快速幂+二分求解）
题意:求S=(A+A^2+A^3+...+A^k)%m的和 方法一:二分求解S=A+A^2+...+A^k若k为奇数:S=(A+A^2+...+A^(k/2))+A^(k/2)*(A+A^2+...+ ...
- POJ 1496
#include <iostream> #include <string> using namespace std; int fac(int num); int C(int n ...
- C#实现文件增量备份
最近将客户的一个ASP网站部署到了公司的机房云服务器上,该ASP网站的文件总容量已有将近4GB. 虽然现在硬盘容量很大,但每天一次完整备份的话,那占用的硬盘空间会急剧上升,考虑一个更优的备份方案就是每 ...
- 2013 ACM/ICPC Asia Regional Changsha Online G Goldbach
比赛的时候,被题目误导了,题目最后说结果可能很大,要取模,那时就想直接求会TLE的!!! 赛后才知道,坑啊………… 代码如下: #include<iostream> #include< ...