纯前端通过表单把留言发送到指定邮箱

这几天写公司官网,没有后台人员,只有我一个前端,于是遇到任何问题都是想办法用纯前端的方式解决。
这不就遇到留言提交的问题,试了各种办法,也百度了好多都没用,终于就在今天让我发现一个绝佳的解决办法,附上网址:https://blog.csdn.net/weixin_42564187/article/details/84334931
官网:https://formspree.io/
不过我是用VUE写的,用了elementUI表单组件,于是使用了ajax请求:
这个是提交事件submitForm()

submitForm() {
      var obj = $("#myForm").serialize(); //获取id为content的form表单里面的内容,name值均为formspree提供不能更改
      $.ajax({
        type: "post", //必须post请求
        url: "https://formspree.io/f/你获取的地址",
        async: true,
        data: obj,
        dataType: "json",
        success: (res) => {
          this.$refs.formLabelAlign.resetFields();
          this.$message({
            message: "邮件已发送!!!",
            type: "success",
          });
        },
        error: (res) => {
          this.$message.error("未知错误,发送失败");
        },
      });
    },

切记name值一定要写!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。