您忘了放return false;在执行完ajax。所以你的页面会在显示资料后刷新。
顺便建议“骚年,哪有不爽,来喷吧" 和 “请输入昵称” 放在placeholder里。那不然直接按提交他不会触发你的提醒空资料窗口
html>
留言栏body{
background: #EDEFF0;
}
.contant{
background: #fff;
width: 500px;
height: 391px;
margin: 0 auto;
}
#liuyan{
width: 480px;
height: 200px;
border: 1px solid #eceff0;
margin: 0 auto;
overflow-y:scroll;
}
.tijiao{
width: 158px;
height: 42px;
background-color: #33A646;
color: #fff;
border: none;
}
h1{
font-size: 16px;
line-height: 49px;
color: #363d40;
width: 480px;
margin: 0 auto;
margin-bottom: 1em;
border-bottom: 1px solid #eceff0;
}
form{
padding: 10px;
font-size: 12px;
}
#textarea{
border: 1px solid #eceff0;
margin: 0;
}
.formr{
float: right;
line-height: 30px;
margin: 0;
padding: 0;
}
.name{
width: 100px;
}
留言栏
骚年,哪有不爽,来喷吧!
用户名:
$(function(){
$("#msg").ajaxStart(function(){
$(this).html("正在发送。。。");
}).ajaxStop(function(){
$(this).html("发送成功!");
});
var $textarea = $("#textarea");
var $name = $("#name");
$textarea.bind("click",function(){
if($(this).val()=="骚年,哪有不爽,来喷吧!")
$(this).val("");
})
$name.bind("click",function(){
if ($(this).val()=="请输入昵称")
$(this).val("");
})
$("#sub").bind("click",function(){
var $xiaoxi = getTime()+"
"+$name.val()+"说:"+"
"+$textarea.val()+"
";
var $jilu = $("#liuyan").html()+$xiaoxi;
if ($name.val()!="" && $textarea.val()!="") {
$.ajax({
url:"",
type:"GET",
data:$jilu,
success:function(data){
$("#liuyan").html($jilu);
$textarea.val("");
$name.val("");
}
})
return false;
}else{
if ($name.val()==""){
alert("昵称不能为空,请重新输入");
$name.focus();
return false;
}
else{
alert("发送内容不能为空,请重新输入");
$textarea.focus();
return false;
}
}
setTimeout(function(){
$("#msg").html("");
},1000);
})
})
var_dump($_POST);
function getTime(){
var date = new Date();
var year = date.getFullYear();
var month = date.getMonth()+1;
var day = date.getDate();
var hours = date.getHours();
var minutes = date.getMinutes();
var seconds = date.getSeconds();
var time = year+'/'+month+'/'+
day+' '+hours+':'+minutes+':'+seconds;
return time;
}