使用jQuery解决portal登陆慢的问题

因为portal中的好几块地方(portlet)取数据比较慢,登陆进去要花7到8秒,在用户面前实在讲不过去,因此觉得采用异步的方式来读取加载数据,ajax的应用使这一切都已经不再是一个问题,下面的这个文件是waterquantity.portlet,以前使用的jpf的portlet方式(注释部分),现在改成了jsp的portlet,然后在waterquantity.jsp文件中使用ajax(jQuery)来调用这个jpf的.do,现在效果非常明显,进去只要花不到一秒钟了!

<?xml version="1.0" encoding="UTF-8"?>
<portal:root
    xmlns:netuix="http://www.bea.com/servers/netuix/xsd/controls/netuix/1.0.0"
    xmlns:portal="http://www.bea.com/servers/netuix/xsd/portal/support/1.0.0"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
        xsi:schemaLocation="http://www.bea.com/servers/netuix/xsd/portal/support/1.0.0 portal-support-1_0_0.xsd">
    <netuix:portlet
        definitionLabel="waterquantity_1"
                title="水量信息">
       
        <netuix:content>
        <!-- 
             <netuix:pageflowContent action="waterweight" refreshAction="waterweight" contentUri="/portlets/welcome/WelcomeController.jpf"/>
        -->
        <netuix:jspContent contentUri="/portlets/waterinfo/waterquantity.jsp"/>
        </netuix:content>
    </netuix:portlet>
</portal:root>


/***waterquantity.jsp***/
<%@ page language="java" contentType="text/html;charset=UTF-8"%>
<%@ taglib uri="http://beehive.apache.org/netui/tags-databinding-1.0" prefix="netui-data"%>
<%@ taglib uri="http://beehive.apache.org/netui/tags-html-1.0" prefix="netui"%>
<%@ taglib uri="http://beehive.apache.org/netui/tags-template-1.0" prefix="netui-template"%>
<%@ taglib uri="http://www.bea.com/servers/portal/tags/netuix/render" prefix="render"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<table width="100%" style="height:230pt;" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td height="25">
<table width="100%" height="25" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="40"><img src="<render:getSkinPath imageName="table4_left.gif"/>" width="40" height="25"></td>
        <td class="table-right">水量信息</td>
      </tr>
    </table>
    </td>
  </tr>
  <tr>
    <td valign="top" class="table-bg"><p id="waterqdata">水量信息数据加载中...</p>
    <!--
&nbsp;&nbsp;&nbsp;&nbsp;12日8时至13日8时我市域外引水总量xx万方,截止13日8时我市域外引水总量xx万方,年平均域外引水总量xx万方。
&nbsp;&nbsp;&nbsp;&nbsp;12日8时至13日8时我市上报xx宗水库自产水总量xx万方。
&nbsp;&nbsp;&nbsp;&nbsp;12日8时至13日8时我市上报xx宗水库总供水量xx万方,较前日增加(减少)xxx万方,今年日平均供水量xx万方。</p>
-->
    </td>
  </tr>
</table>
<script type="text/javascript">
<!--
$(document).ready(function(){
$.ajax({
type: "GET",
url: "/water/portlets/welcome/waterweight.do",
success: function(msg){ $('#waterqdata').html(msg); },
dataType: "html"
});
return false;
});
//-->
</script>

你可能感兴趣的:(apache,html,jquery,Ajax,jsp)