JQuery post()用法及代码示例

jQuery中的post()方法使用POST HTTP请求从服务器加载页面，并返回XMLHttpRequest对象。

用法:

 $.post( url, data, callback_function, data_type )

参数：该方法接受上述和以下所述的四个参数：

url:它是必需的参数，用于发送请求。
data:它是可选参数，代表将要发送到服务器的数据的键/值对。
callback_function：它是可选参数，代表成功加载数据后要执行的函数。
data_type：它是可选参数，代表要返回回调函数的数据类型：xml，html，脚本，json，jsonp或text。

main.php在下面的示例中，按下按钮时将调用此PHP文件。

<?php 
    echo "Hello Geeks!"; 
?>

例：本示例使用post()方法并调用PHP文件。

<!DOCTYPE html> 
<html> 
      
<head> 
    <title> 
        jQuery post() Method 
    </title> 
      
    <script src= 
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> 
    </script> 
</head> 
  
<body> 
    <h2 id="gfg">GeeksforGeeks</h2>  
      
    <button id="b"> 
        Click Here! 
    </button>  
      
    <!-- Script to use post() method -->
    <script> 
        $(document).ready(function() { 
            $("button").click(function() { 
                $.post("/submit.php", { 
                    name: "GFG", 
                }, 
                  
                function(data,status) { 
                    document.getElementById("gfg").innerHTML 
                            = data; 
                    document.getElementById("b").innerHTML 
                            = "Data Passed"; 
                }); 
            }); 
        }); 
    </script> 
</body> 
  
</html>

输出：
在单击按钮之前：

单击按钮后：

相关用法

注：本文由纯净天空筛选整理自XDoodler大神的英文原创作品 jQuery | post() Method。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。