jQuery post()方法

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

语法:

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

参数：该方法接受上面提到的和下面描述的四个参数。

url。它是必要的参数，用于发送请求。
data。这是一个可选参数，它代表将被发送到服务器的数据的键/值对。
callback_function。这是一个可选参数，它代表了当数据被成功加载时要执行的一个函数。
data_type。这是一个可选参数，它代表了要返回给回调函数的数据类型：xml, html, script, 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>

输出:
在点击按钮之前：
jQuery post()方法
点击按钮后：。