极致CMS如何用ajax提交留言表单?

大流量超低月租电话卡

极致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="跳转页面";

以上是示例,可删减。


信用卡停息挂账
返回顶部