在jQuery中接收节点发送的EJS渲染数据,可以通过以下步骤实现:
下面是一个示例代码:
// 前端页面中引入jQuery库
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
// 后端使用EJS模板引擎渲染数据,并返回渲染后的HTML页面
// 这里假设后端使用Node.js和Express框架
const express = require('express');
const app = express();
app.set('view engine', 'ejs');
app.get('/', (req, res) => {
const data = {
name: 'John',
age: 30
};
res.render('index', { data });
});
app.listen(3000, () => {
console.log('Server is running on port 3000');
});
// 前端使用jQuery的AJAX方法发送请求,获取渲染后的HTML页面
$.ajax({
url: '/',
method: 'GET',
success: function(response) {
// 在success回调函数中获取渲染后的HTML页面
// 可以通过jQuery选择器选取到需要的节点,获取节点中的渲染数据
const name = $(response).find('#name').text();
const age = $(response).find('#age').text();
console.log('Name:', name);
console.log('Age:', age);
}
});
在上述示例代码中,后端使用EJS模板引擎渲染数据,并将渲染后的HTML页面返回给前端。前端使用jQuery的AJAX方法发送GET请求,获取渲染后的HTML页面。在AJAX的success回调函数中,通过jQuery选择器选取到需要的节点,并使用.text()
方法获取节点中的渲染数据。
请注意,这只是一个简单的示例,实际应用中可能需要根据具体情况进行适当的修改和调整。
云+社区技术沙龙[第17期]
小程序·云开发官方直播课(数据库方向)
云+社区技术沙龙[第10期]
云+社区沙龙online[数据工匠]
云+社区沙龙online[数据工匠]
腾讯位置服务技术沙龙
企业创新在线学堂
《民航智见》线上会议
腾讯云数智驱动中小企业转型升级·系列主题活动
Elastic Meetup Online 第一期
领取专属 10元无门槛券
手把手带您无忧上云