数据提交及弹出框样式

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")
@ResponseBody
public 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()//一般显示在右下角
数据提交及弹出框样式_第1张图片

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: "
错误信息:" + result.msg + "
"
, 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") @ResponseBody public 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() 函数详解

你可能感兴趣的:(Java前端)