企業網站還是要考慮相容至少IE10
阿新 • • 發佈:2020-09-11
中國國情,大部分企業還在使用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: "請輸入正確的郵箱!" }, } }); })