Home > Article > Web Front-end > How to submit post request with jquery
How to submit post request with jquery
- WBOYOriginal
- 2022-06-09 17:42:413107browse
In jquery, you can use the "$.post()" method to submit a post request. This method uses "HTTP POST" to request the server to load data. The syntax is "$(selector).post(request to send The specified URL, along with the data sent to the server with the request, specifies the function to be run when the request is successful, data type)".
The operating environment of this tutorial: windows10 system, jquery3.4.1 version, Dell G3 computer.
How to submit a post request with jquery
$.post() method uses HTTP POST request to load data from the server.
Syntax
$(selector).post(URL,data,function(data,status,xhr),dataType)
URL required. Specifies the URL to which requests are sent.
data Optional. Specifies the data to be sent to the server with the request.
function(data,status,xhr) Optional. Specifies a function to run when the request succeeds.
Extra parameters:
data - Contains the result data from the request
status - Contains the status of the request ("success", "notmodified" , "error", "timeout", "parsererror")
xhr - Contains the XMLHttpRequest object
dataType Optional. Specifies the data type of the expected server response.
By default, jQuery will judge intelligently.
Possible types:
"xml" - an XML document
"html" - HTML as plain text
"text" - plain text characters String
"script" - Runs the response as JavaScript and returns
"json" as plain text - Runs the response as JSON and returns
"jsonp" - To load a JSON chunk using JSONP, add a "?callback=?" to the URL to specify the callback
Example is as follows:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$.post("/try/ajax/demo_test_post.php",{
name:"天王盖地虎",
url:"http://www.php.cn"
},
function(data,status){
alert("数据: \n" + data + "\n状态: " + status);
});
});
});
</script>
</head>
<body>
<button>发送一个 HTTP POST 请求页面并获取返回内容</button>
</body>
</html>Output result:
After clicking the button:
Video tutorial recommendation: jQuery video tutorial
The above is the detailed content of How to submit post request with jquery. For more information, please follow other related articles on the PHP Chinese website!