数据提交及弹出框样式
来源:互联网 发布:淘宝客服主管提成方案 编辑:程序博客网 时间: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() 函数详解
阅读全文
0 0
- 数据提交及弹出框样式
- Jquery弹出层 提交数据
- CSS弹出框样式
- JS样式设计,弹出框
- Android 输入框弹出样式
- 一个好看的弹出提示框样式,toastr插件的使用及动态展示分析
- 页面数据以弹出框的形式提交到另一个action中
- 纵向导航菜单及二级弹出菜单 样式
- android自定义弹出框样式实现
- Android Dialog 弹出框 自定义 样式
- android自定义弹出框样式实现
- android自定义弹出框样式实现
- android自定义弹出框样式实现
- android自定义弹出框样式实现
- 金蝶EAS消息弹出框样式
- android自定义弹出框样式实现
- android自定义弹出框样式实现
- android自定义弹出框样式实现
- Touch_Java 8:内部类和异常类
- 喜讯:中国开源软件推进联盟PostgreSQL分会正式成立 瀚高软件董事长苗健先生接受分会秘书长任命
- 实时进行GZIP压缩优化Asp.Net页面的CompressionModule对Asp.Net Ajax及搜索引擎的兼容性测试!
- UDP广播遇到的坑
- webpack打包vue2.0项目时必现问题。
- 数据提交及弹出框样式
- Touch_Java 10:输入、输出流
- leetcode 26|27|80. Remove Duplicates from Sorted Array 1|2 && 27.Remove Element
- 坦克大战,地图编辑
- 抽象数据类型-线性结构-先进先出:队列
- SpringCloud Zuul修改请求参数信息
- Django 自定义过滤器 笔记
- 十-1 检查和调试JavaScript 如何设置断点
- 整合企业Spring Cloud分布式微服务云架构构建