QQ登录

交流互动,快速开始

登录    注册

仙人球建站
faisco
您现在的位置: >首页 > javascript学习 > 常见jquery的ajax留言代码

常见jquery的ajax留言代码

编辑: Tony 发布日期: 2018-01-06 来源:网上收集 浏览: tags: jquery ajax 点击收藏文章

网站留言在网站里面十分常见,有的直接通过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;    
}    
}    
});    
};

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

ueeshop

免责声明:本站部分资源来自互联网收集,版权归原创者所有,如果侵犯了你的权益,请通知我们,我们会及时删除侵权内容,谢谢合作! 点击这里给我发消息

Copyright©2014-2018 免费网站模板www.freemoban.com Inc.All rights reserved. 备案号: 鄂ICP备17019132号-1