ajax示例（layui前端框架）

 

<link rel="stylesheet" href="${ctx }/resources/layui/css/layui.css" media="all" />
<link rel="stylesheet" href="${ctx }/resources/css/public.css" media="all" />

 

form.on('submit(addNotice)', function(data){

            var data=$("#frm").serialize();//序列化表单数据（frm：表单id）

            //使用ajax提交

            $.ajax({

                url:'${ctx}/notice/addNotice.action',

                type:'POST',

                async:true,    //或false,是否异步

                data:data,

                timeout:5000,    //超时时间

                dataType:'json',    //返回的数据格式：json/xml/html/script/jsonp/text

                success:function(data){

                 layer.msg(data.msg);

                    //关闭添加的弹出层

                    var addIndex = parent.layer.getFrameIndex(window.name);

                    window.parent.layer.close(addIndex);

                    //刷新父页面的table

                    window.parent.tableIns.reload();

                },

                error:function(xhr,textStatus){

                }

            })

            return false;

        });