今天所遇到的一些关于前端的问题

1.form表单改为ajax提交

<form id="myForm">
        <div class="modal-content" style="border-radius: 6px">
            <div class="modal-header">
                <h4 class="modal-title" id="title">新建</h4>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <input type="hidden" name="formToken" value="${formToken}">
                    <input type="hidden" name="id" id="id">
                    <input type="hidden" id="updateOrInsert" name="updateOrInsert" value="insert">
                 </div>   
        </div>
    </form>

$("#myForm").submit(function () {
	var data = $('#myForm').serialize().replace(/\+/g," ");//解决序列化中将空格变成加号的问题
        data = decodeURIComponent(data,true);
        //处理data 转成json格式
        var dataArr = data.split("&");
        var res = {};
        //现在data格式为 a=1&b=2&c=3......，需要将格式转换为json格式的
        for (var i = 0; i < dataArr.length; i++) {
            var str = dataArr[i].split("=");
            res[str[0]] = str[1];
        }
		
		$.ajax({
                type: "POST",   //提交的方法
                dataType: "json",
                contentType : 'application/json',//添加这句话
                url:"${pageContext.request.contextPath}/project/save", //提交的地址
                async: false,
                data:JSON.stringify(res),
                error: function() {  //失败的话
                    alert("执行失败!")
                },
                success: function() {  //成功
                    alert("执行成功!")
                }
            });
}

• .serialize() 方法创建以标准 URL 编码表示的文本字符串。它的操作对象是代表表单元素集合的 jQuery 对象
• 我们可以使用 JSON.stringify() 方法将 JavaScript 对象转换为字符串。

2. adminlte中dataTable的相关用法

$('#dataList').DataTable({
            "paging": true,
            "lengthChange": false,
            "iDisplayLength": 15,
            "searching": true,
            "ordering": false,
            "info": true,
            "autoWidth": true,
            "language": {
                "sInfo": "当前显示第 _START_ 到第 _END_ 条，共 _TOTAL_ 条",
                "sInfoFiltered": "(从_MAX_条筛选 )",
                "sInfoEmpty": "共筛选到0条",
                "sSearch": "搜索:",
                "sLengthMenu": "每页显示 _MENU_ 条",
                "sZeroRecords": "未筛选到相关内容",
                "paginate": {
                    "sFirst": "首页",  //首页和尾页必须在pagingType设为full_numbers时才可以
                    "sLast": "尾页",
                    "sPrevious": "上一页",
                    "sNext": "下一页",
                    "first": "First page",
                    "last": "Last page",
                    "next": "Next page",
                    "previous": "Previous page"
                }
            }
        });

3.bootStrap中模态窗口关闭后清除表单数据

$('#myModal').on('hidden.bs.modal', function (){
        document.getElementById("myForm").reset()；
    });

4.js设置下拉框的value默认选中

$("#id").val('value').trigger("change");