中国国情，大部分企业还在使用win7,IE浏览器。为了兼容这些，还是少用比较VUE等一些高级的框架，改为使用jquery。
用惯了VUE,jquey好多忘得差不多了，其中遇到的问题及解决方案

 

ajax，传递JSON时，遇到Unsupported media type-415(不 支持的媒体类型)

 $().ready(function () {

                            var myValidator = $("#f1").validate({
                                submitHandler: function () {

                                    var fields = $('#f1').serializeArray();
                                    var obj = {}; //声明一个对象
                                    $.each(fields, function (index, field) {
                                        obj[field.name] = field.value; //通过变量，将属性值，属性一起放到对象中
                                    })
                                    obj.city = window.bmCity;
                                    obj.classId = window.bmClassId;
                                    console.log(obj)
                                    $('.alert').removeClass('in').addClass('hide')
                                    $.ajax({
                                        type: "POST",
                                        url: "http://localhost:5002/api/Zxbm",

                                        data: JSON.stringify(obj),
                                        dataType: "json",
                                        contentType: 'application/json',
                                        beforeSend: function () {
                                            console.log("发送前")
                                            $('#myAlert3').removeClass('hide').addClass('in')
                                        },
                                        success: function (data, textStatus) {
                                            $('.alert').removeClass('in').addClass('hide')
                                            if (data.code == 200)
                                                $('#myAlert').removeClass('hide').addClass('in')
                                            else {
                                                $('#myAlert2').removeClass('hide').addClass('in')
                                                console.log(data.message)
                                            }
                                        },

                                        error: function (e) {
                                            console.log(e)
                                            $('.alert').removeClass('in').addClass('hide')
                                            $('#myAlert2').removeClass('hide').addClass('in')
                                        }


                                    })

                                },
                                rules: {
                                    city: { required: true },
                                    company: { required: true },
                                    tel: { required: true },
                                    job: { required: true },
                                    name: "required",
                                    email: { required: true, email: true },


                                },
                                messages: {
                                    city: "请选择您要参与的城市请",
                                    company: "公司名称不能为空",
                                    tel: "手机不能为空",
                                    job: "请输入您的职位",
                                    name: "请输入姓名",
                                    email: { required: "请输入您的邮箱！", email: "请输入正确的邮箱！" },


                                }

                            });
                        })