如何在 jQuery 中使用 ajax 提交表单？

jQuery是一个开源 JavaScript 库，它简化了 HTML/CSS 文档，或者更准确地说是文档对象模型 (DOM) 和 JavaScript 之间的交互。详细说明这些术语，jQuery 简化了 HTML 文档遍历和操作、浏览器事件处理、DOM 动画、Ajax 交互和跨浏览器 JavaScript 开发。

$.ajax()函数用于使用 jQuery 进行 ajax 调用。

句法：

$.ajax({name:value, name:value, ... })

我们可以使用提交按钮并通过提及以下参数的值来通过 ajax 提交表单。

• type：用于指定请求的类型。
• url：用于指定发送请求的 URL。
• data：用于指定要发送到服务器的数据。

例子：

HTML

  

    JQuery AJAX Call
      
    
    
    
    
      
    // 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");
                }
            });
        });
    });
    

  

     Name:
         
        
         Student ID:
         
        
         Contact No. :
         
        
        
        
            Submit
        
    

  

输出：