jQuery

Posted 子衿悠悠

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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后传递参数

以上是关于jQuery的主要内容,如果未能解决你的问题,请参考以下文章

markdown 在WordPress中使用jQuery代码片段

使用 NodeJS 和 JSDOM/jQuery 从代码片段构建 PHP 页面

很实用的JQuery代码片段(转)

几个有用的JavaScript/jQuery代码片段(转)

几个非常实用的JQuery代码片段

高效Web开发的10个jQuery代码片段