get方法三个参数:请求地址,请求参数,和回调函数(用于处理服务端的响应数据)
<body>
<button id="btn">发送jsonp请求</button>
<script src="js/jquery-3.5.1.min.js"></script>
<script>
$('#btn').on('click', function() {
$.get('/base', 'name=Xibing&age=20', function(response) {
console.log(response);
})
})
</script>
</body>
app.get('/base', (req, res) => {
const name = req.query.name;
res.send(name);
})
post方法的三个参数:请求地址、请求参数、回调函数
如果第二个参数没有请求参数,也可以不写,直接写回调函数即可
<body>
<button id="btn">发送jsonp请求</button>
<script src="js/jquery-3.5.1.min.js"></script>
<script>
$('#btn').on('click', function() {
$.post('/base', 'name=Xibing&age=20', function(response) {
console.log(response);
})
</script>
</body>
app.post('/base', (req, res) => {
// 处理post请求不要忘记使用body-paser
const age = req.body.age;
res.send(age);
})