您的位置:首页 > javascript学习 > 常见jquery的ajax留言代码

常见jquery的ajax留言代码

时间:2018-01-06 22:03:39  来源:免费模板网 作者:风雪 阅读次数 tagsjqueryajax

网站留言在网站里面十分常见,有的直接通过form表单提交,有的通过js不刷新页面提交,这种对用户体验更好一点,那么代码怎么写呢?

表单提交

上面是html效果图,下面就是点击评论触发的js事件,先导入jQuery库

function AjaxComment() {    
var uname = $("#author");   //获取昵称 
var content = $("#comment");    //获取评价内容
var fid = $("#fid");    //获取文章id 
var validate = $("#email");    //获取邮箱
if (!uname) {    // 不填写昵称就返回false,后面同理
alert('请填写昵称');    
return false;    
}    
if (!validate) {    
alert('请填写验证码');    
return false;    
}    
if (content.val().length < 5) {    
alert('评论内容必须大于5个字');    
return false;    
}    
$.ajax({    
type : 'post',    
url : "/plus/commend.php",    //程序后台处理提交的数据
data : { uname:uname.val(),aid: aid,content:content.val(),fid:fid.val(),validate:validate.val()},    
dataType : 'JSON',    
success: function(jsonData ) {    
if (jsonData.status == 1) {    
$("#comment_message").show();    
$('#submit').removeAttr('onclick');//去掉onclick事件    
}    
else {    
alert(jsonData.info);    
return false;    
}    
}    
});    
};

大家学完了就去动手下一个把!

本文地址:http://www.bhugow.com.cn/javascript/2018/0106/2932.html

猜你喜欢
栏目推荐
模板推荐

Copyright:www.bhugow.com.cn 免费模板网 All Rights Reserved 网站备案:辽ICP备19014872号-2   辽公网安备 21010602000376号  辽公网安备:42900402000182号

免责声明:本站部分资源来自互联网收集,版权归原创者所有,如果侵犯了你的权益,我们会及时删除侵权内容,联系QQ:1615187561 谢谢合作!

捕鱼达人开发 彩票极速飞艇怎么买 安徽福彩app 期货配资平台专业天牛宝在行 河北11选五带连线基本走势图 怎么看股票k线图成 在线配资平台首选天牛宝专著 甘肃快三基本走势图 481现场直播快赢视频 河北排列7预测 上海快3跨度走势一定牛 福利彩票七乐彩玩法中奖规则 北赛车pk10直播安装 大乐透投注技巧 河南11选5第27期 甘肃十一选五最大遗漏全部 江苏快三走形态走势图