极致CMS里表单如果想用ajax来提交,可参考以下方法。
用ajax通常需要搭配jQuery库。先引入jQuery:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
HTML代码部分:
<form action="{fun get_domain()}/message/index" method="post" id="message_form"> <input type="hidden" name="title" value="{$type['classname']}"> <input type="hidden" name="tid" value="{$type['id']}"> <input type="text" name="user" placeholder="您的称呼"/> <input type="email" name="email" placeholder="您的邮箱"/> <input type="text" name="tel" placeholder="您的手机"/> <textarea name="body" placeholder="留言内容"></textarea> <input type="text" name="vercode" placeholder="验证码"/> <img src="{fun get_domain()}/common/vercode/name/message_vercode" onclick="this.src=this.src+'?'+Math.random()"> <button type="button" id="tijiao">提交</button> </form>
JS代码部分:
<script> $('#tijiao').click(function(){ var title= $('input[name="title"]').val(); var tid= $('input[name="tid"]').val(); var user=$('input[name="user"]').val(); var email=$('input[name="email"]').val(); var tel=$('input[name="tel"]').val(); var body=$('textarea[name="body"]').val(); var vercode=$('input[name="vercode"]').val(); let data = {title:title,tid:tid,user:user,email:email,tel:tel,body:body,vercode:vercode,ajax:1}; console.log(data) $.post('{fun get_domain()}/message/index',data,function(res){ if(res.code==0){ alert('提交成功!'); $('#message_form')[0].reset(); }else{ alert(res.msg); } },'json') }) </script>
如果想要提交后跳转其他页面,将
$('#message_form')[0].reset();
换成
window.location.href="跳转页面";
以上是示例,可删减。