数据提交及弹出框样式

来源:互联网 发布:淘宝客服主管提成方案 编辑:程序博客网 时间:2024/04/20 12:37

Ajax提交
$.ajax()方法详解

function cancleFun(orderId) {    parent.$.messager.confirm('确认', '确定要撤销这条申请吗?', function(r) {        if(r){            var postData={};            debugger;            postData["orderId"]=orderId;            $.ajax(                {                    type:"POST",                    url:"${pageContext.request.contextPath}/*Controller/dataGridCancle",                    data:postData,                    dataType: "html",                    success:function(m){                        debugger;                        if(m=="1"){                            parent.$.messager.alert('提示', '操作成功!', 'info');                            dataGrid.datagrid('load', $.serializeObject($('#searchForm')));                            //$("#searchForm").submit();                            return;                        }else if(m=="0"){                            parent.$.messager.alert('提示', '操作失败!', 'info')                            return;                        }                    },                    complete:function(){                        //$fc("imgWait").style.display="none";                    }                }            );        }    });}@RequestMapping("/dataGridCancle")@ResponseBodypublic int cancleApply(HttpServletRequest request){    String orderId = request.getParameter("orderId");//拿到id    //进行处理    return 结果;    }

jQuery.getJSON(url, [data], [callback])

通过 HTTP GET 请求载入 JSON 数据。
参数:
url : 发送请求地址。
data : 待发送 Key/value 参数。
callback : 载入成功时回调函数。

messager(消息窗口)
jQueryEasyUI Messager基本使用
$.messager.show()//一般显示在右下角
这里写图片描述

function batchRordFun() {    var rows = dataGrid.datagrid('getChecked');    var ids = [];    if (rows.length > 0) {        parent.$.messager.confirm('确认', '您是否要将当前选中的项目进行批量退款?', function(r) {            if (r) {                parent.$.messager.progress({                    title : '提示',                    text : '数据处理中,请稍后....'                });                var flag = false;                for ( var i = 0; i < rows.length; i++) {                    ids.push(rows[i].tktNo);                }                 $.getJSON('${pageContext.request.contextPath}/**Controller/batchRord',                     {ids : ids.join(',') },                     function(result) {                        if (result.success) {                            dataGrid.datagrid('load');                            dataGrid.datagrid('uncheckAll').datagrid('unselectAll')                            .datagrid('clearSelections');                            parent.$.messager.alert('提示', result.msg, 'info');                            parent.$.messager.progress('close');                        }else{                            dataGrid.datagrid('load');                            dataGrid.datagrid('uncheckAll').datagrid('unselectAll')                            .datagrid('clearSelections');                            //弹出框居中显示                            parent.$.messager.show({ title: "操作提示",                                 msg: "<table><tr><td>错误信息:" + result.msg + "</td></tr></table>",                                 showType: 'slide',                                //height:'100%', width:'100%',                                timeout: 0 ,                                style:{                                    left:document.body.clientWidth/2, // 与左边界的距离                                    top:document.body.clientHeight/2 // 与顶部的距离                                    }                                });                            parent.$.messager.progress('close');                        }                });             }        });    } else {        parent.$.messager.alert('提示','请勾选要退款的记录','info');    }}@RequestMapping("/batchRord")@ResponseBodypublic Json batchDelete(String ids, HttpSession session) {    Json j = new Json();    String result = 调用处理方法返回一个结果;//for (String id : ids.split(","))    if (result.equals("ok"))    {        j.setMsg("批量退款成功!");        j.setSuccess(true);    }    else{        j.setMsg(result);        j.setSuccess(false);    }    return j;}   

jQuery.getJSON(url, data, success对应函数);
// 等价于
$.ajax({
url: url,
type: “GET”,
data: data,
dataType: “json”
success: success对应函数
});
jQuery.getJSON() 函数详解

原创粉丝点击