zoukankan      html  css  js  c++  java
  • jQuery

    1.jquery的load方法:

      

    1.前台页面:
    <form id="queryForm">
            <div class="cbim_nav">
                    <ul>
                        <li class="cbim_nav_title">管理单位名称</li>
                        <li>
                            <s:select list="#request.imList" label="" id="im" listKey="orgId"
                                listValue="orgname" value="#request.currentKey"></s:select>
                        </li>
                        <li class="cbim_nav_cx"><a href="javascript:void(0)" onclick="queryImorg()">查询</a></li>
                    </ul>
                </div>
            </form>
            <div id="load"></div>
    Js文件:
    <script type="text/javascript">
            /*
             *执行查询条件,查询下属机构信息
             */
            function queryImorg(){
                var orgId = $("#im option:selected").val();
                if(orgId!=null || orgId!=""){
                    $('#load').load('imorg/ImorgAction!querySingleImorg.action',{
                        orgId:orgId,
                    });
                }
            }
             $(function(){
                queryImorg();
            }) 
        </script>
    2.后台action处理:
    public String querySingleImorg() throws Exception{
            im=imorgbService.selectImOrgB(orgId);
            request.setAttribute("im", im);
            //获取该单位上传的图片
            List<ImFilemgB> list=new ArrayList<ImFilemgB>();
            this.setFilefkuuid(im.getFilefkuuid());
            fileList=imfilemgbService.selectImFilemgBy(filefkuuid);
            request.setAttribute("num", fileList.size());
            request.setAttribute("fileList", fileList);
            request.setAttribute("show", true);
            return "querySingleImorg";
        }
    3.struts配置文件:
    <result name="querySingleImorg">/WEB-INF/pages/sm/imorg/imorgView.jsp</result>

    2.ajax函数调用:

    $.ajax({
               type: 'post',//get,post请求
               data: str,//传递的参数,数据类型为:{key:value,key2:value2}
               url : "osbim/OsbimAction!deleteOsbim.action",//路径
               contentType : "application/json; charset=utf-8",
               success : function(data) {//回调函数
                        if("delete"==data){
                            $.messager.alert("消息", "删除成功");
                             queryList();
                          }else{
                              $.messager.alert("消息", "操作失败");
                          }
                      }
          error:function(){
              $.messager.alert("消息","操作失败");
          }
    });

    如果type类型为get,则可以在url后传递参数

  • 相关阅读:
    负数之美
    css重设
    编码问题
    wed的各种前端打印方法(3)CSS
    表单
    学习前端心得
    去除input,a,按键链接时出现的虚线方法
    加载事件js代码
    深入C#数据类型
    查找
  • 原文地址:https://www.cnblogs.com/zijinyouyou/p/6483872.html
Copyright © 2011-2022 走看看