html post示例,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文件。

echo "Hello Geeks!";

?>

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

jQuery post() Method

GeeksforGeeks

Click Here!

$(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";

});

});

});

输出：

在单击按钮之前：

单击按钮后：