ajax请求的与页面本身有的数据(页面加载时候存在)的一个区别
2011-12-19 13:52
405 查看
点击弹出层,同时隐藏其他弹出层(1、隐藏所有层 2、判断该弹出层是否显示,如果显示就隐藏、如果隐藏就显示)
1、如果是ajax请求的数据,处理需要用
$("#simpleTip").click(function(e){
hideAllProp();
if($('#simple_cont').is(":visible")){
$("#simple_cont").hide();
}else{
$("#simple_cont").css({top:$(this).offset().top+$(this).height(),left:$(this).offset().left-18}).show();
$("#simple_cont ul").html("");
var data={};
var dictionaryTable_Name="投诉类型";
var dictionaryClass_Name="投诉服务";
data={dictionaryTable_Name:dictionaryTable_Name,dictionaryClass_Name:dictionaryClass_Name};
$.ajax({
type:"POST",
url:getDictionaryAction,
dataType:"text",
data:data,
success:function(data){
var jsonArr=data.split("|");
var dataArr=eval("("+jsonArr[0]+")");
var elem;
for(var i=0,j=dataArr.length;i<j;i++){
$('<li complaintsType='+dataArr[i].dictionaryItem_ID+'>'+dataArr[i].itemName+'</li>').appendTo("#simple_cont ul").click(function(){
var complaintsType=$(this).attr("complaintsType");
hideAllProp();
$.ajax({
url:complaintRegist,
type:"post",
dataType:"text",
data:{complaintRegisterSource:1,complaintsType:complaintsType},
success:function(data){
$(".iframeDiv").show();
showModal();
$("#success_pro").css({left:$("div.rightCon").offset().left+200,top:$("div.rightCon").offset().top+100}).show();
type="simple";
},
error:function(data){
$(".iframeDiv").show();
showModal();
$("#failure_acc").css({left:$("div.rightCon").offset().left+200,top:$("div.rightCon").offset().top+100}).show();
}
});
});
}
},
error:function(){
//hideFunPanel1(0);hideFunPanel2(0);
$.alert("获取数据失败!");
}
});
//$("#simple_cont").css({left:$(this).offset().left-$("#simple_cont").width()+$(this).width(),top:$(this).offset().top+$(this).height()}).show();
}
e.stopPropagation();
});
click事件不能直接用$("ul li").click(function){}); 因为ul li不是页面加载时候就有的而是通过ajax请求得到
1、如果是ajax请求的数据,处理需要用
$("#simpleTip").click(function(e){
hideAllProp();
if($('#simple_cont').is(":visible")){
$("#simple_cont").hide();
}else{
$("#simple_cont").css({top:$(this).offset().top+$(this).height(),left:$(this).offset().left-18}).show();
$("#simple_cont ul").html("");
var data={};
var dictionaryTable_Name="投诉类型";
var dictionaryClass_Name="投诉服务";
data={dictionaryTable_Name:dictionaryTable_Name,dictionaryClass_Name:dictionaryClass_Name};
$.ajax({
type:"POST",
url:getDictionaryAction,
dataType:"text",
data:data,
success:function(data){
var jsonArr=data.split("|");
var dataArr=eval("("+jsonArr[0]+")");
var elem;
for(var i=0,j=dataArr.length;i<j;i++){
$('<li complaintsType='+dataArr[i].dictionaryItem_ID+'>'+dataArr[i].itemName+'</li>').appendTo("#simple_cont ul").click(function(){
var complaintsType=$(this).attr("complaintsType");
hideAllProp();
$.ajax({
url:complaintRegist,
type:"post",
dataType:"text",
data:{complaintRegisterSource:1,complaintsType:complaintsType},
success:function(data){
$(".iframeDiv").show();
showModal();
$("#success_pro").css({left:$("div.rightCon").offset().left+200,top:$("div.rightCon").offset().top+100}).show();
type="simple";
},
error:function(data){
$(".iframeDiv").show();
showModal();
$("#failure_acc").css({left:$("div.rightCon").offset().left+200,top:$("div.rightCon").offset().top+100}).show();
}
});
});
}
},
error:function(){
//hideFunPanel1(0);hideFunPanel2(0);
$.alert("获取数据失败!");
}
});
//$("#simple_cont").css({left:$(this).offset().left-$("#simple_cont").width()+$(this).width(),top:$(this).offset().top+$(this).height()}).show();
}
e.stopPropagation();
});
click事件不能直接用$("ul li").click(function){}); 因为ul li不是页面加载时候就有的而是通过ajax请求得到
相关文章推荐
- jQuery 中的 Ajax 全局事件 当用户点击页面上某一按钮请求数据时,在页面上显示 loading... ,页面加载完成后隐藏
- window.location.href和window.location.reload()方法在ajax提交后返回页面重新加载时候的区别
- 对于页面没加载完,ajax 请求数据放不到某个局部位置上
- 加载页面时同时触发两个ajax请求,数据显示的顺序不一致
- js移动端滑动一个屏幕再加载新的数据以及ajax同步请求
- jqury+ajax每秒向后台发送请求数据然后返回页面(包括jqruy页面加载完毕才执行方法)
- 同一个页面,发出ajax请求,经过controller,返回ModelAndView,数据显示不了
- 一个防止页面刷新后,ajax请求的数据被重置的方法
- 发送ajax请求的时候,如果页面卡住,可能是data数据的问题。
- 使用easyUI的treegrid的时候,出现后台返回数据为空时,treegrid加载了前面请求到的数据到页面上的问题
- 怎么在页面还没有加载完成时候,在页面上显示一个:"数据加载中......"
- ExtJS做Ajax请求数据量大的时候出现超时
- vue2 在页面加载的时候 获取http数据并显示
- 一个Div导致Ajax中UpdatePanel以外的数据执行操作的时候全部消失2012-03-25 10:05
- 在ajax循环加载多条数据,并在内部定义一个函数
- js中对arry数组的各种操作小结 瀑布流AJAX无刷新加载数据列表--当页面滚动到Id时再继续加载数据 web前端url传递值 js加密解密 HTML中让表单input等文本框为只读不可编辑的方法 js监听用户的键盘敲击事件,兼容各大主流浏览器 HTML特殊字符
- 小白使用react---ajax请求后的数据在另一个页面显示
- 不需要ajax,当展开treeview控件的时候加载数据
- Java Web SpringMVC AJAX,实现页面懒加载数据
- 微信抽奖ajax GET方式请求php页面数据