下面我来详细讲解一下“jquery.post用法示例代码”的完整攻略。
jQuery.post()方法
jQuery.post()方法是一个基于Ajax的HTTP POST请求发送器。该方法向指定的URL发送数据，并获取服务器返回的结果，通常用于提交表单数据。
jQuery.post()方法的参数
- url（必选）：要发送请求的URL地址
- data（可选）：要发送到服务器的数据，可以是普通对象、字符串或数组
- success（可选）：请求成功时的回调函数，接收从服务器返回的数据
- dataType（可选）：指定服务器返回的数据类型，可以是xml、text、html、json等，默认为智能猜测（xml、json、script、text、html）
jQuery.post()方法的用法
$.post(url, data, success, dataType);
jQuery.post()方法示例
示例一：向服务器提交表单数据，并获取服务器返回的结果
<!--HTML代码-->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery.post()方法示例</title>
</head>
<body>
<form id="myForm">
<input type="text" name="name" placeholder="姓名"/>
<input type="text" name="age" placeholder="年龄"/>
<br/><br/>
<input type="button" value="提交" onclick="submitForm()"/>
</form>
<div id="result"></div>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
function submitForm() {
$.post("/submit", $("#myForm").serialize(), function(data) {
$("#result").html(data);
});
}
</script>
</body>
</html>
//JS代码
const express = require('express');
const app = express();
const port = 3000;
app.use(express.static('public'));
app.use(express.urlencoded({ extended: true }));
app.post('/submit', (req, res) => {
const name = req.body.name;
const age = req.body.age;
const result = `姓名：${name}，年龄：${age}`;
res.send(result);
})
app.listen(port, () => console.log(`Server started on port ${port}`));
示例二：向服务器发送JSON数据，并获取服务器返回的结果
<!--HTML代码-->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery.post()方法示例</title>
</head>
<body>
<input type="button" value="发送JSON数据" onclick="sendJsonData()">
<p id="result"></p>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
function sendJsonData() {
const jsonData = {name: '张三', age: 20};
$.post('/getData', jsonData, function(data) {
$('#result').html(JSON.stringify(data));
});
}
</script>
</body>
</html>
//JS代码
const express = require('express');
const bodyParser = require('body-parser');
const app = express();
const port = 3000;
app.use(express.static('public'));
app.use(bodyParser.json());
app.post('/getData', (req, res) => {
const jsonData = req.body;
const result = {status: 'success', message: '数据已成功接收', data: jsonData};
res.send(result);
});
app.listen(port, () => console.log(`Server started on port ${port}`));
以上是“jquery.post用法示例代码”的完整攻略，希望能对你有所帮助。
本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：jquery.post用法示例代码 - Python技术站
微信扫一扫 
支付宝扫一扫 