Ajax with Peoplesoft

Question

Can any body worked on Ajax with peoplesoft. I just want to know how we will impliment Ajax with peoplesoft.

Answer 1

Karthik T, start here: http://15daysofjquery.com/ and http://jquery.com. Then go here: http://www.google.com/search?q=peoplesoft+ajax. This will give you some background, but won't tell you how to implement Ajax in PeopleSoft. To implement Ajax with PeopleSoft, you need a good Ajax library. I suggest you download the jquery Ajax library and put it in a publicly accessible folder on your web server (...peoplesoft/applications/peoplesoft/PORTAL/scripts). Now, add the Ajax library to a PeopleSoft page. To do this, add an HTML area to a page. Double-click the HTML area to set the content to static with the following content:
<script type="text/javascript" language="javascript" src="/scripts/nameofjqueryfile.js"></script>From your browser, load the page you just modified and ensure that it contains your jquery.js file. If you use Firefox with Firebug, then you will be able to click the net tab and ensure that your browser was able to find your jquery javascript file (no 404, etc).
Before going further, you should test your Ajax installation. To do this, add an html file to your web server root named "ajaxtest.html" with the content:
Hello World!<br/>
Greetings from <b>Ajax!</b>This file should go in a directory on your webserver like .../peoplesoft/applications/peoplesoft/PORTAL.
From App Designer, open the page that contains your HTML area and edit that HTML area (or add another HTML area to the end of the page). Make sure the type is set to static and add the following text:
<script type="text/javascript" language="javascript">
$(document).ready(function(){
  $("#ajaxcontent").load("/ajaxtest.html", null, function() {
    $("#ajaxcontent").fadeIn("fast");
<script>
<div id="ajaxcontent" style="display: none;">
<!-- comment to keep PS from removing this empty div -->
</div>Reload your customized page in your browser. If you see your HTML file's contents appear after the page loads, then you have Ajax working properly. Now the fun part... using Ajax to display PeopleSoft data. To load PeopleSoft data into a page using Ajax, point the load method at an IScript rather than a static HTML file. Go here to learn more about IScripts: http://www.google.com/search?q=peoplesoft+iscript. I have an IScript/WEBLIB tutorial on my blog as well: http://jjmpsj.blogspot.com/2008/02/what-is-iscript.html and http://jjmpsj.blogspot.com/2008/04/what-is-weblib.html. Start small by creating an IScript that contains %Response.WriteLine("Hello from an IScript"); and load that into your custom div.
Once you have the basics of Ajax with PeopleSoft, take a look at http://extjs.com/. At this site, you will find JavaScript components that support Ajax. By combining these components with IScripts, you can create popup windows, sortable/editable tables, etc.