jquery dialog 弹出 ajax加载数据
来源:互联网 发布:mac pro 需要的配件 编辑:程序博客网 时间:2024/05/29 02:44
我之前就是想实现一个弹框,在弹框的时候用ajax 动态加载要展示的内容,这个地方实现起来并不难,但是在实现的时候遇到了一个坑。
页面:
<div id="logDiv" style="display: none;" ></div>
<a href="#" onclick="javascript:seeKsLog('${requestScope.ksmap['ID'] }')">查看日志</a> </td>
function seeKsLog(id){var ksxm = "${requestScope.ksmap['KSXM']}";var zjhm = "${requestScope.ksmap['ZJHM']}"; var jqxr =$.post("<%=request.getContextPath()%>/syslog/seeKsLog.htm",{"examineeid":id,"ksxm":ksxm,"zjhm":zjhm},function(data){var aaa = "<table width='100%' border='1' cellspacing='0' cellpadding='0'> <tr><th class='title-bar'><b> 考生姓名 </b></th> <th class='title-bar'><b>证件号码</b></th> <th class='title-bar'><b>操作IP</b></th>" +"<th class='title-bar'><b>操作人员</b></th> <th class='title-bar'><b>操作时间</b></th> <th class='title-bar'><b>操作内容</b></th> </tr>"; for(var i=0;i<data.length;i++){ if(data&&data.length>0){ aaa+="<tr> <td> "+ksxm+" </td><td> "+zjhm+" </td>"; aaa+="<td> "+data[i].accessip+" </td>"; if(data[i].managername!=null){ aaa+="<td> "+data[i].managername+" </td>"; }else{ aaa+="<td> 本人 </td>"; } aaa+="<td> "+data[i].data+" </td><td> "+data[i].miaoshu+" </td></tr>" } } aaa+="<tr><td colspan='6' align='center'> <font style='color:red'> '提示: 交易结果2表示支付成功,交易结果0表示未支付。'</font> </td></tr></table>"; $("#logDiv").html(aaa);});首先:坑1: 我在拼串的时候用了append()
append():方法在被选元素的结尾(仍然在内部)插入指定内容。 这个地方啥意思?就是插入的内容还是在你选择的那个标签里面
这个地方写完以后,我定义了dialog初始化操作,在$(function(){});里面,但是 在第一打开dialog的时候,总是第一遍没有数据,第二遍才出现,后来才发现,原来是因为加载还没结束,就执行下面的打开操作了。所以给函数加一个complete的方法,等加载完成后再执行dialog的open操作。
jqxr.complete(function(){var cont = $("#logDiv").html();alw(cont);}); function alw(aa){ art.dialog({ title:'考生操作日志', content:aa, //icon:'question', lock:true, resize:false, button:[ {name:'关闭',callback:function(){ return true; }}] }); }
这么搞没问题
阅读全文
0 0
- jquery dialog 弹出 ajax加载数据
- Jquery弹出dialog框
- JQuery Dialog弹出图片
- jquery+自定义dialog实现弹出div添加数据
- jquery+自定义dialog实现弹出div添加数据
- jquery用ajax取得数据的dialog对话框
- javascript表格jqGrid下拉ComboBox,jqGrid弹出窗jquery.dialog,jqGrid回车换行编辑切换单元格,jqGrid提交全部表格数据ajax
- 【jQuery】使用ajax()方法加载服务器数据
- jquery easyUI ajax加载数据分页功能
- JQuery Ajax动态加载Table数据
- jquery Dialog - 弹出窗插件
- jQuery弹出层插件Dialog
- jQuery UI弹出Dialog对话框
- jquery弹出dialog空白问题
- jquery ajax 加载数据的时候异步显示加载动画
- jquery ajax 加载数据的时候异步显示加载动画
- jQuery Ajax 加载数据时异步显示加载动画
- jquery easy ui 新弹出的dialog 每次都显示第一次load的数据
- mybatis缓存机制
- Collection
- Ramdisk (NT)研究
- linux中反引号`与$()得区别
- 如何在直播视频上添加水印Logo
- jquery dialog 弹出 ajax加载数据
- R极简教程-10:R语言绘图基础
- Codeforces Round #420 (Div. 2) 821E. Okabe and El Psy Kongroo
- Kafka错误“Network is unreachable”和“larger than available brokers”
- 前端自动化构建入门4-使用create-react-app建立一个React应用
- linux服务器部署项目
- python元编程_获取类或对象的属性
- python 读取excel内容为中文的处理
- Java微信支付开发之扫码支付模式一