1

I'm new to jsp, so I'd like to know how to return a response to AJAX. This is the code to submit the form using dojo with AJAX:

<script type="text/javascript">
        dojo.require("dojo.io.iframe");

        dojo.addOnLoad(function() {
            upload = function(  ) {
            dojo.io.iframe.send({
                form : "fileUploader",
                handleAs : "html", //response type from the server
                url : "url to jsp",//just example, not the real url
                load : function(response, ioArgs) {
                    console.log(response, ioArgs);
                    return response;
                },
                error : function(response, ioArgs) {
                    console.log("error");
                    console.log(response, ioArgs);
                    return response;
                }
            });
        };
        });

and this is the fragment of the jsp code to return the response:

r = "<p >You have successfully uploaded your video. </p>";
response.setContentType("text/html");
response.getWriter().write(r);

if I just use System.out.println(r), it does print the result in console, so the form is being submitted. So I think the problem is the way I'm returning the response or the way I'm handling it with dojo.

Thanks in advance!

0

1 Answer 1

2

Here is simple AJAX and JSP ( no jquery) to click on a button and get a time back into a input box. look at the line " document.myForm.time.value=xmlhttp.responseText; " where it gets the response and set the result in the jsp.

<html>
<head>
<title>JSP and Servlet using AJAX</title>
<script type="text/javascript">



function getXMLObject()  //XML OBJECT
{
   var xmlHttp = false;
   try {
     xmlHttp = new ActiveXObject("Msxml2.XMLHTTP")  // For Old Microsoft Browsers
   }
   catch (e) {
     try {
       xmlHttp = new ActiveXObject("Microsoft.XMLHTTP")  // For Microsoft IE 6.0+
     }
     catch (e2) {
       xmlHttp = false   // No Browser accepts the XMLHTTP Object then false
     }
   }
   if (!xmlHttp && typeof XMLHttpRequest != 'undefined') {
     xmlHttp = new XMLHttpRequest();        //For Mozilla, Opera Browsers
   }
   return xmlHttp;  // Mandatory Statement returning the ajax object created
}

var xmlhttp = new getXMLObject();   //xmlhttp holds the ajax object

function ajaxFunction() {
  var getdate = new Date();  //Used to prevent caching during ajax call
  if(xmlhttp) {

    xmlhttp.open("GET","ControlServlet?gettime=gettime" ,true);
    xmlhttp.onreadystatechange  = handleServerResponse;
    xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    xmlhttp.send(null);
  }
}

function handleServerResponse() {
   if (xmlhttp.readyState == 4) {
     if(xmlhttp.status == 200) {
       document.myForm.time.value=xmlhttp.responseText; //Update the HTML Form element 
     }
     else {
        alert("Error during AJAX call. Please try again");
     }
   }
}
</script>
</head>
<body>
<form name="myForm">
Server Time:<input type="text" name="time" />
<br />
<input type="button" onClick="ajaxFunction()" value="Click"/>
<br />
</form>
</body>
</head>
</html>

here is servlet for it:

public void doPost(HttpServletRequest request,HttpServletResponse response) throws IOException, ServletException {
        StringBuffer requestURL = request.getRequestURL();
        if (request.getQueryString() != null) {
            requestURL.append("?").append(request.getQueryString());
        }
        String completeURL = requestURL.toString();

        if(request.getParameter("gettime")!= null && !request.getParameter("gettime").toString().equals("")){ 
        PrintWriter out = response.getWriter();
        Date df = new Date();
        out.println(df.getTime());
        }
    }

    public void doGet(HttpServletRequest request,HttpServletResponse response) throws IOException, ServletException {
        doPost(request,response);
    }
}

here is what you should see after running the above code: enter image description here

Not the answer you're looking for? Browse other questions tagged or ask your own question.