极致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="跳转页面";
以上是示例,可删减。



