ajax不显示小数,ajax,没显示数据

这个博客讨论了一个Ajax留言系统的实现,包括样式设计、用户交互和数据提交。作者指出由于忘记在Ajax调用后放置'return false',导致页面在显示留言后刷新。此外,建议将提示信息放入输入框的placeholder属性中。文章提供了JavaScript代码示例,展示了如何处理用户输入和错误检查,以及如何更新留言列表。
摘要由CSDN通过智能技术生成

您忘了放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;

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值