How to submit a form using ajax in jQuery ?

-

 

  • type: It is used to specify the type of request.
  • url: It is used to specify the URL to send the request to.
  • data: It is used to specify data to be sent to the server.
<!Doctype html>
<html>
  
<head>
    <title>JQuery AJAX Call</title>
      
    <!--Include JQuery Library -->
    <script src=
"https://code.jquery.com/jquery-3.5.0.js">
    </script>
    <script>
      
    // When DOM is loaded this 
    // function will get executed
    $(() => {
        // function will get executed 
        // on click of submit button
        $("#submitButton").click(function(ev) {
            var form = $("#formId");
            var url = form.attr('action');
            $.ajax({
                type: "POST",
                url: url,
                data: form.serialize(),
                success: function(data) {
                      
                    // Ajax call completed successfully
                    alert("Form Submited Successfully");
                },
                error: function(data) {
                      
                    // Some error in ajax call
                    alert("some Error");
                }
            });
        });
    });
    </script>
</head>
  
<body>
    <form id='formId' action=''> Name:
        <input type='text' 
               id='nm' 
               name='nm'> 
        </input>
        <br> Student ID:
        <input type='text' 
               id='studentId' 
               name='studentId'> 
        </input>
        <br> Contact No. :
        <input type='text' 
               id='contactNumber' 
               name='contactNumber'> 
        </input>
        <br>
        <button type='submit' 
               id='submitButton'>
            Submit
        </button>
    </form>
</body>
  
</html>

Comments

Post a Comment

Popular posts from this blog

image work in springboot

-
 Bean file :         @Lob @Column(length = Integer.MAX_VALUE) private byte[] images;          public byte[] getImages() {           return images;            }          public void setImages(byte[] images) {           this.images = images;            } save image controller :       @PostMapping("/") public String saveHolidayPackage(@ModelAttribute CreateHolidayPackageOne createHolidayPackageOne,               @RequestParam("image") MultipartFile file,HttpSession httpSession) throws IOException { createHolidayPackageOne.setImages(file.getBytes()); createHolidayPackageOneRepo.save(createHolidayPackageOne); return "Admin/CreateHolidayPackageDetails"; } retrieve image from database controller :         ...
Read more

Springboot important annotation

-
Image
  Spring Boot Annotations Spring Boot’s annotations are key to getting up to speed with the framework. They allow you to direct the framework to do your bidding, taking control and overriding its defaults when needed. Annotations are quick, easy to use, and orders of magnitude faster than building the equivalent functionality yourself. You can learn more in Spring’s documentation. The  PDF  or  web  versions are essential reading if you plan on working with Spring Boot. Knowing how to use annotations can level up your game and help you get the most out of the framework. Listed below are several common annotations, some of them with sample code. Spring Boot works with  Java ,  Kotlin , and Groovy. I’ll use Java for the examples in this article. Basic Setup @SpringBootApplication @Configuration @ComponentScan @EnableAutoConfiguration Request Responses @GetMapping @RequestMapping @RequestParam Component Types @Component @Service @Repository @Controller @R...
Read more