Load JSP page using jQuery("#div").load()

[13年前 に Ng SG によって更新されました。]

Hi,

I would like to ask is there possible to load jsp page
in custom portlet(sdk environment) which i have used following
code:

<script type="text/javascript">
Liferay.bind(
        'updating',
        function(event) 
        {
          	alert("changes");
        	document.getElementById("contentList").innerHTML = "";
	        jQuery("#contentList").load('contentList.jsp');
        }
     );
</script>

<form>
		<div id="contentList">
		</div>
	</form>

However, liferay unable to detect the existence of 'contentList.jsp' which i have created in same directory with view.jsp. Anyway for me to load that particular 'contentList.jsp' into the div?

Thanks and best regards,
NG

[13年前 に Patrick Koppers によって更新されました。]

I don't know if it will work, but can try this:

jQuery("#contentList").load('<%= request.getContextPath() %>/path/contentList.jsp');

where "path" is your path to the .jsp from the portlet root-directory. So, if your .jsp-file lies directly in the portlet root-folder, is is just "/contentList.jsp".

[6年前 に Maria Prasad によって更新されました。]

The jQuery Load method will work on all type so pages including jsp. You may be missing the MIME Mappings in web server so include them for jsp page too. From the definition of jQuery Load method, the code to load the contents of your jsp page would simply be:

$("#contentList").load("contentList.jsp");

If you want to load just a particular div content from the jsp page the jQuery Load code will be:

$("#contentList").load("contentList.jsp #particularDiv");

Thank You.

[6年前 に Matthew K. によって更新されました。]

No, this won't work.
You have to use the resource phase of the portlet. So just implement everything in the serveResponse method and deliver your jsp file.
In your javascript code you have to replace "contentList.jsp" with the resource url then.