How to submit post request with jquery-Front-end Q&A-php.cn

Table of Contents

How to submit a post request with jquery

Home

Web Front-end

Front-end Q&A

How to submit post request with jquery

Jun 09, 2022 pm 05:42 PM

jquery

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)".

How to submit post request with jquery

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)

Copy after login

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>

Copy after login

Output result:

How to submit post request with jquery

After clicking the button:

How to submit post request with jquery

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!

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn