Source Viewer : /ajax/page-action.htm
This example demonstrates how a <tt>PageAction</tt> can be used to handle and respond
to an Ajax request.
<p/>
Click $link to call the server using Ajax.
<div id="result">
<!-- Ajax response will be set here -->
</div>
<script type="text/javascript" src="$context/assets/js/jquery-1.4.2.js"></script>
<script type="text/javascript">
// This example uses jQuery for making Ajax requests:
// http://api.jquery.com/jQuery.get/
// http://api.jquery.com/jQuery.ajax/
// Register a function that is invoked as soon as the DOM is loaded
jQuery(document).ready(function() {
// Register a 'click' handler that makes an Ajax request
jQuery("#link-id").click(function(event){
// Make ajax request
makeRequest();
// Prevent the default browser behavior of navigating to the link
return false;
})
})
function makeRequest() {
var link = jQuery('#link-id');
var url = link.attr('href');
// Set the pageAction to the onLinkClicked method in the Java Page class.
var extraData = 'pageAction=onLinkClicked';
jQuery.get(url, extraData, function(data) {
// 'data' is the response received from the server
// We select the div element with the ID 'result' and set its
// content to the server response
jQuery("#result").html("<p class='infoMsg'>" + data + "</p>");
});
}
</script>