web开发之利用jquery-ajax传输表单数据

    // Example starter JavaScript for disabling form submissions if there are invalid fields
  (function () {
    'use strict'

    // Fetch all the forms we want to apply custom Bootstrap validation styles to
    var forms = document.querySelectorAll('.needs-validation')

    // Loop over them and prevent submission
    Array.prototype.slice.call(forms)
      .forEach(function (form) {
        form.addEventListener('submit', function (event) {
          //bootstrap验证不通过的逻辑
          if (!form.checkValidity()) {
            // 这里阻止浏览器默认的表单提交操作
            event.preventDefault()
            event.stopPropagation()
          }else{
          // else执行通过的逻辑，即发送ajax请求
            event.preventDefault()
            event.stopPropagation()
            //1这里声明一个data对象，用上面提到的方法把myform的值包装到这个data对象里
            var data = {};
            $("#myform").serializeArray().map(function(x){
              if (data[x.name] !== undefined) {
                    if (!data[x.name].push) {
                        data[x.name] = [data[x.name]];
                    }
                    data[x.name].push(x.value || '');
                } else {
                    data[x.name] = x.value || '';
                }
            })
            //2输出后发现这个data可以完美的把多个name相同的input包装成数组，但是是一个普通对象需要序列化成json字符串
            console.log(data)
            $.ajax({
              method: 'POST',
              target: '#myResultsDiv',
              url: '/personInfo',
              contentType: "application/json;charset=utf-8",
              //3在这里做了序列化和传入data的操作(jquery:options对象的data属性)
              data:JSON.stringify(data),
              //这里解决的是登录过期不跳转和提交成功的刷新的问题
              success: (message) => {
                  if(message != "success"){
                    window.alert("提交失败，登录过期")
                  }
                  window.location.reload()
                },
              //错误回调这里也一样，也可以用promise的then但是用jq自带的options写我觉得更直观因为后续没有太复杂的回调
              error: _ => window.alert("提交失败，请检查填写或网络")
            });
          }

          form.classList.add('was-validated')
        }, false)
      })
    })()

// Example starter JavaScript for disabling form submissions if there are invalid fields
(function () {
  'use strict'

  // Fetch all the forms we want to apply custom Bootstrap validation styles to
  var forms = document.querySelectorAll('.needs-validation')

  // Loop over them and prevent submission
  Array.prototype.slice.call(forms)
    .forEach(function (form) {
      form.addEventListener('submit', function (event) {
        if (!form.checkValidity()) {
          event.preventDefault()
          event.stopPropagation()
        }

        form.classList.add('was-validated')
      }, false)
    })
})()

// 2.不四舍五入 向下取整
num = Math.floor(num * 100) / 100;
console.log(num); //2.44
console.log(typeof num); // number

$(document).ready(function () {
  var time = new Date();
  var day = ("0" + time.getDate()).slice(-2);
  var month = ("0" + (time.getMonth() + 1)).slice(-2);
  var today = time.getFullYear() + "-" + (month) + "-" + (day);
  $('#date_info').val(today);
})