在node.js中处理Ajax GET/POST请求,可以使用express.js框架和Jade模板引擎。
处理Ajax GET请求的步骤如下:
npm install express jade
const express = require('express');
const app = express();
// 设置Jade模板引擎
app.set('view engine', 'jade');
// 处理GET请求
app.get('/ajax', (req, res) => {
res.render('ajax');
});
// 启动服务器
app.listen(3000, () => {
console.log('Server started on port 3000');
});
html
head
title Ajax GET请求示例
body
h1 Ajax GET请求示例
script(src='https://code.jquery.com/jquery-3.6.0.min.js')
script.
$(document).ready(function() {
$.ajax({
url: '/api/data',
type: 'GET',
success: function(data) {
console.log(data);
},
error: function(error) {
console.log(error);
}
});
});
处理Ajax POST请求的步骤如下:
// 处理POST请求
app.post('/api/data', (req, res) => {
// 处理POST请求的逻辑
res.send('POST请求成功');
});
script.
$(document).ready(function() {
$.ajax({
url: '/api/data',
type: 'POST',
success: function(data) {
console.log(data);
},
error: function(error) {
console.log(error);
}
});
});
以上代码示例中,GET请求通过访问/ajax
路由,返回渲染后的ajax.jade模板。POST请求通过访问/api/data
路由,返回字符串"POST请求成功"。
推荐的腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云