form表单提交

form表单提交

    <form id="formMsg" onsubmit="sendMsg()" method="post" role="form" class="php-email-form">
              <div class="form-row">
                <div class="col-md-6 form-group">
                  <input type="text" name="name" class="form-control" id="name" placeholder="Your Name" data-rule="minlen:1" data-msg="Please enter at least 1 chars">
                  <div class="validate"></div>
                </div>
                <div class="col-md-6 form-group">
                  <input type="email" class="form-control" name="email" id="email" placeholder="Your Email" data-rule="email" data-msg="Please enter a valid email">
                  <div class="validate"></div>
                </div>
              </div>
              <div class="form-group">
                <input type="text" class="form-control" name="company" id="company" placeholder="your company" data-rule="minlen:4" data-msg="Please enter at least 4 chars">
                <div class="validate"></div>
              </div>
              <div class="form-group">
                <textarea class="form-control" name="message" rows="5" data-rule="required" data-msg="Please write something for us" placeholder="your demand"></textarea>
                <div class="validate"></div>
              </div>
              <div class="mb-3">
                <div class="loading">Loading</div>
                <div class="error-message"></div>
                <div class="sent-message">Your message has been sent. Thank you!</div>
              </div>
              <div class="text-center"><button type="submit" >Submit</button></div>
            </form>
  <script src="assets/js/request.js"></script>

var config = {
    IP: 'http://192.168.3.39:8010', //10.144.3.135
    RATEHEART: false,
    servicePort: 8002,
    socketPort: 8762,
    token: null,
};

function sendMsg() {
    $.ajax({
        type: "POST", // 规定请求的类型（GET 或 POST）
        url: config.IP + '/leaveComments/addMessage',
        contentType: 'application/json;charset=UTF-8',
        cache: false,
        dataType: "json", //预期的服务器响应的数据类型
        data: JSON.stringify({
            name: $('#name').val(),
            email: $('#email').val(),
            company: $('#company').val(),
            demand: $('#message').val(),
        }),
        beforeSend: function (data) {
            //发送请求前运行的函数（发送之前就会进入这个函数）
            if ($('#name').val() == "") {
                return false;
            } else if ($('#email').val() == "") {
                return false;
            } else if ($('#company').val() == "") {
                return false;
            } else {
                $(".loading").css({
                    "display": "block"
                })
                return true;
            }

        },
        success: function (result) {
            console.log(result);
            if (result.code == 200) {
                $(".loading").css({
                    "display": "none"
                })
                $(".sent-message").css({
                    "display": "block"
                })
            }

        },
        //失败的函数
        error: function (err) {

            console.log('异常', err)
        },
        complete: function () {
            //请求完成时运行的函数（在请求成功或失败之后均调用，即在 success 和 error 函数之后，不管成功还是失败 都会进这个函数）
        }
    })

}