建站软件 优化软件 编程软件 网页辅助 站群程序 网站程序 图像处理 资源教程 字体下载 推荐软件


您的位置:首页 > 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;    
}    
}    
});    
};

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

本文地址:https://www.freemoban.com/javascript/2018/0106/2932.html

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

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

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