Question

Heres my scenario: multiple jsp pages all with fields and after a user has filled in all fields on a single page they click a “next” button to go to the next page. I need to load in the next jsp into the window.

How using jquery ajax can I do this?

Here is my code.

$(document).ready(function(){

$("#btnSubmit").click(function(event){
      $.ajax({
            type: "GET",
            cache: false,
            url: "Request.jsp"                
        });

});

Thanks in advance

Answer 1

add:

$(document).ready(function(){

$("#btnSubmit").click(function(event){
      $.ajax({
            type: "GET",
            cache: false,
            url: "Request.jsp"
            success: function(data){ window.location="/Page.jsp"});
        });

});

Here you load “Request.jsp” data in to div with id “response”

If you want to load other jsp file you can use load() function.

Something like this:

<input type="button" value="Back to Previous Page" onClick="javascript: history.go(-1)">

<input type="button" value="Go to Next Page" onClick="javascript: history.go(+1)">