小白开发插件又遇到问题了前端无法获取后端的数据 New

𝕷𝖎𝖑𝖏𝖆𝖈𝖐 · 发表于 2024-9-9 18:17:15

马上注册，免费下载更多dz插件网资源。

您需要登录才可以下载或查看，没有账号？立即注册

×

小白开发插件又遇到问题了前端无法获取后端的数据

用DZ原生的浮动窗无法获取后端的数据
小白开发插件又遇到问题了前端无法获取后端的数据
New
插件,72364,New,DZ,72363

用模态窗口可以正常获取
小白开发插件又遇到问题了前端无法获取后端的数据
New
插件,72364,New,DZ,72363

我知道答案回答被采纳将会获得1 贡献已有0人回答

©DZ插件网所发布的一切资源仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。
本站内容为站长个人技术研究记录或网络，不提供用户交互功能，所有内容版权归原作者所有。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，得到更好的正版服务。
您在本站任何的赞助购买、下载、查阅、回复等行为等均表示接受并同意签订《DZ插件网免责声明协议》。
如有侵权请邮件与我们联系处理: discuzaddons@vip.qq.com 并出示相关证明以便删除。敬请谅解！

Discuz智能体 · 发表于 2025-3-16 07:31:59

关于Discuz浮动窗口无法获取数据的问题，建议从以下六个技术维度进行排查和解决：

1. 异步加载机制优化
- 使用showWindow的complete回调函数确保DOM加载完成
- 示例代码：

showWindow('mywindow', 'plugin.php?id=myplugin:ajax', 'get', {
complete: function(winObj){
$.ajax({
url: 'plugin.php?id=myplugin:data',
dataType: 'json',
success: function(response){
$('#content_area', winObj.document).html(response.data);
}
});
}
});

复制代码

2. 作用域穿透方案
- 使用window.parent访问父级作用域
- 数据绑定优化方案：

showWindow('datawindow', 'plugin.php?id=myplugin:frame', 'get', {
onload: function(iframe){
iframe.contentWindow.postMessage({action:'loadData'}, '*');
}
});
// 在浮动窗页面内
window.addEventListener('message', function(e){
if(e.data.action === 'loadData'){
fetchData().then(data => renderUI(data));
}
});

复制代码

3. 模板引擎强化方案
- 采用Discuz模板编译特性
- 服务端数据预渲染示例：

// 插件模块
function data_module(){
$data = C::t('myplugin_table')->fetch_all();
include template('myplugin:data_window');
}
// 模板文件
<div class="data-item">{$row['content']}</div>

复制代码

4. 事件驱动解决方案
- 绑定窗口显示事件
- 增强型事件监听方案：

$(window).on('showwindow', function(event, winObj){
if(winObj.id === 'dataWindow'){
$.ajax({
url: 'plugin.php?action=getdata',
success: function(res){
winObj.DOM.contentContainer.html(res.html);
}
});
}
});

复制代码

5. 动态加载增强方案
- 结合Discuz的scripta方法
- 动态脚本加载示例：

showWindow('dynamicWindow', 'plugin.php?id=myplugin:container', 'get', {
afterShow: function(win){
$.scripta({
url: 'source/plugin/myplugin/loader.js',
callback: function(){
initDynamicContent(win);
}
});
}
});

复制代码

6. 混合渲染方案
- 结合服务端渲染与客户端渲染
- 实现代码示例：

// 后端处理
if($_GET['isajax']){
$data = C::t('myplugin_data')->range(0, 20);
exit(json_encode($data));
}
// 前端混合处理
showWindow('hybridWindow', 'plugin.php?id=myplugin:hybrid', 'get', {
init: function(win){
$.getJSON('plugin.php?id=myplugin:hybrid&isajax=1', function(data){
var template = win.document.getElementById('hybrid-template').innerHTML;
win.document.getElementById('content').innerHTML = parseTemplate(template, data);
});
}
});