Not getting response on the same page using Ajax

Course Queries Syllabus Queries 3 years ago

4.21K 2 0 0 0

User submissions are the sole responsibility of contributors, with TuteeHUB disclaiming liability for accuracy, copyrights, or consequences of use; content is for informational purposes only and not professional advice.

Answers (2)

Post Answer
profilepic.png
manpreet Tuteehub forum best answer Best Answer 3 years ago

 

Hi I am working on a project in which I am using Ajax to display output on the same page. It contains a JSP form that takes user input and store the inputs to the database and in response I want to display a success message.

But I am not getting the message on the same page.

JSP Code:- I have tried using both get and post method but of no use. On clicking Add button it should display a success message if record inserted successfully on the same page but I am getting the message on another page.

Please help to fix this. This is the first time I am using Ajax. Is there any changes that we need to make to web.XML file?

`

DOCTYPE html>
    <html>

            <head>
            <title>Coursestitle>


          <script>
                var request;
                function addDetails(){
                    request=new XMLHttpRequest();
                    request.onreadystatechange()=getResult();
                    var cid=document.getElementById("cid").value;
                    var name=document.getElementById("name").value;
                    var syllabus=document.getElementById("syllabus").value;
                    var duration=document.getElementById("duration").value;
                    var fees=document.getElementById("fees").value;

                    request.open("get","Courses?cid="+cid,"name="+name,"syllabus="+syllabus,"duration="+duration,"fees="+fees,true);
                    //request.setRequestHeader("Content-type","application/x-www-form-urlencoded");
                    //request.send(cid&name&syllabus&duration&fees);
                    request.send();
                }

                function getResult(){
                    if(request.readyState===4&&request.status===200){
                        var result=request.responseText();
                        document.getElementbyID("output").innerHTML=result;
                    }
                    else{
                        document.getElementbyID("output").innerHTML="Error";
                    }

                }



                script>
                <style>
                body {
                    text-align:center;
                }
                h1 {
                    font-size:30px;
                    font-weight:bold;
                    color:peru;
                }
                pre {

                    font-size:20px;
                    font-weight:bold;
                    color:black;
                }

            style>
        head
0 views
0 shares

profilepic.png
manpreet 3 years ago

You are attaching addDetails to a submit button. When it is clicked it will submit the page which you are most likely dont want to happen. Change the type to be just button: <input type="button" name="Add" value="Add" onclick="addDetails()"/>.


0 views   0 shares

No matter what stage you're at in your education or career, TuteeHUB will help you reach the next level that you're aiming for. Simply,Choose a subject/topic and get started in self-paced practice sessions to improve your knowledge and scores.

Similar Forum