ajax请求的与页面本身有的数据(页面加载时候存在)的一个区别

点击弹出层,同时隐藏其他弹出层(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请求得到
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: Servlet与Ajax本身是两个不同的技术,但它们可以结合使用来实现动态Web应用程序。 Servlet是Java Web中的一种服务器端技术,它可以处理HTTP请求和响应,生成动态内容并将其发送到客户端浏览器。在这种情况下,Servlet可以作为服务器端程序来处理来自客户端的请求,然后生成HTML或其他格式的响应。 而Ajax是一种前端Web技术,它允许Web应用程序通过异步数据交换来更新部分页面内容,而不必重新加载整个页面。它使用JavaScript来向服务器请求数据,并在不刷新页面的情况下更新页面。 因此,Servlet和Ajax可以结合使用来实现动态Web应用程序。例如,当用户在前端页面上点击某个按钮时,可以使用Ajax向Servlet发送异步请求,Servlet接收请求并处理数据,然后将响应发送回前端页面,使前端页面能够动态更新内容而不必重新加载整个页面。 ### 回答2: Servlet是一种Java编写的服务器端技术,用于处理客户端(浏览器)发送的HTTP请求并生成响应。而Ajax是一种在客户端中使用JavaScript和XMLHttpRequest对象实现异步通信的技术。 Servlet和Ajax之间存在一定的关系。通常情况下,Ajax被用于在网页上实现动态更新内容,而不需要刷新整个页面。当用户在网页中发起Ajax请求时,JavaScript会创建一个XMLHttpRequest对象,该对象负责向服务器发送异步请求。而服务器上的Servlet可以接收这个请求,并根据请求数据进行相应的处理。Servlet可以从数据库中读取信息,对数据进行处理,并将结果返回给浏览器。浏览器通过接收到的响应数据,再使用JavaScript脚本对页面进行更新。 在这个过程中,Servlet充当了服务器端的处理功能,负责对客户端发起的请求进行处理;而Ajax则充当了客户端与服务器端之间的桥梁,通过发送异步请求和接收响应数据,实现了与服务器的交互。 总而言之,Servlet和Ajax的关系是:Servlet作为服务器端的技术,用于处理客户端的请求;而Ajax作为客户端的技术,通过与服务器进行异步通信,实现了动态更新网页内容。两者共同协作,使网页在不刷新整个页面的情况下能够实现动态交互。 ### 回答3: Servlet和Ajax是两个不同的技术,但它们可以结合使用来实现更好的Web应用程序。 Servlet是一种用Java编写的服务器端程序,它可以接收和处理客户端发来的HTTP请求,并生成相应的HTTP响应。Servlet可以处理静态内容,也可以与数据库进行交互,生成动态内容。 Ajax是一种通过在后台与服务器进行少量数据交换的技术,它可以在不重新加载整个页面的情况下,更新部分页面内容。Ajax使用JavaScript和XMLHttpRequest对象来实现异步通信。 Servlet和Ajax可以结合使用,以实现更好的用户体验和页面响应速度。当用户在客户端进行某些操作时,例如点击一个按钮,可以使用Ajax技术将相关数据发送到后台的Servlet进行处理。Servlet可以从数据库中获取数据,并将数据转换为JSON或XML格式发送回客户端。然后,客户端的JavaScript代码可以使用这些数据更新页面的特定区域,而不需要重新加载整个页面。 通过结合使用Servlet和Ajax,可以实现实时交互和动态更新页面,提高Web应用程序的性能和用户体验。例如,可以通过Ajax技术在不刷新整个页面的情况下,动态加载新的数据、实时显示搜索结果、动态更新统计数据等。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值