网站留言在网站里面十分常见,有的直接通过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; } } }); };
大家学完了就去动手下一个把!