table绑定数据岛，onreadystatechange方法，readyState，值变化的问题

murongxiong 2008-07-05 04:31:20
用table 绑定数据岛，用onreadystatechange()观察readyState值的变化，
发现有这个现象：
readyState变化为：

在页面初始化的时候：
1，xml的前两级的节点，变化次序为：...complete
后面的节点，变化次序为：...complete...loading...interactive...complete
2，而在作出变更的时候：如重新loadXML，
xml的前两级的节点，不会有触发事件
后面的节点，变化次序为： ...loading...interactive...complete
即都是可以将最开始的complete去掉。
3，如果绑定不上xml，readyState与前两级一致。

我的理解是最开始的complete，应该是加载Table后的状态，
因为在写html与xml绑定的时候，xml的前两级的节点是可以不写的，因此不做加载数据的操作，没有 ...loading...interactive的状态。
我想咨询各位高人的是:
1，对于xml，前两级的特殊处理，是数据岛的一种内部机制，定为是前两级，还是跟其它有关？
2，有没有好的办法，获得 后一次的complete的状态，以做特殊处理？


下面是我做测试的html代码，希望各位高人能够指点下

=============================
<html>
<head>

<script>


function fireTimer(eventId, oTable, iPageNo) {
var value=document.all.testtext.value;
value+="..."+oTable.readyState;
document.all.testtext.value=value;
alert("oTable.readyState:::"+oTable.readyState+"fireTablefireTable:"+oTable.outerHTML);
}

function addLine(){
var ds1 = document.getElementById('xmlData1');
var xpath="/root/outout/PageList";
var node=ds1.selectSingleNode(xpath);
var node1=ds1.selectSingleNode("/root/outout");
node1.appendChild(node.cloneNode(true));

}

function loadXml(){
var ds1 = document.getElementById('xmlData1');
ds1.loadXML(ds1.xml);

}
</script>

</head>

<body>


<xml ID="xmlData1">
<root>
<outout>

<PageList>
<PageData>
<checkFlag>1</checkFlag>
<AUTHOR>John Smith</AUTHOR>
<GENERATOR>Visual Notepad</GENERATOR>
<tagDataList>
<tagData>
<id>201</id>
<name>asdf</name>
</tagData>
<tagData>
<id>201</id>
<name>asdf</name>
</tagData>
<tagData>
<id>201</id>
<name>asdf</name>
</tagData>
</tagDataList>
</PageData>


</PageList>

</outout>

</root>
</xml>
<table>
<tr>
<td>
<INPUT onclick="addLine();" type="button" value="addLine">
<INPUT onclick="loadXml();" type="button" value="loadXml">

<input type="text" id="testtext" value=""/>
</td>
</tr>
</table>

<table dataSrc="#xmlData1" dataFld="root" >
<tr>
<td>
<table dataSrc="#xmlData1" dataFld="outout" >
<tr>
<td>
<table dataSrc="#xmlData1" dataFld="PageList" >
<tr>
<td>
<TABLE dataSrc="#xmlData1" dataFld="PageData" WIDTH="100%" BORDER="1" id="8888888" >
<thead>
<tr>
<th width="10%">选择</th>
<th width="20%">作者</th>
<th width="30%">工具</th>
<th>详细信息1</th>
<th>详细信息2</th>
</tr>
</thead>
<TR >
<TD><input type="checkbox" datafld="checkFlag"/></TD>
<TD><span datafld="AUTHOR"></span></TD>
<TD><span datafld="GENERATOR"></span></TD>

<TD>
<TABLE dataSrc="#xmlData1" dataFld="tagDataList" WIDTH="100%" >
<tr >
<td>
<TABLE dataSrc="#xmlData1" dataFld="tagData" WIDTH="100%" onreadystatechange="fireTimer(101, this, 0);" >
<TR >
<TD><input type="checkBox" datafld="id" id="9999" /></TD>
<TD><span datafld="name"></span></TD>
</TR>
</TABLE>
</td>
</tr>
</table>

</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</body>
</html>



...全文
281 9 打赏 收藏 转发到动态 举报
写回复
用AI写文章
9 条回复
切换为时间正序
请发表友善的回复…
发表回复
murongxiong 2009-06-15
  • 打赏
  • 举报
 回复
快一年没有登录了
我之后的确是按照 qiuming0306 最后帖子的方法做的，呵呵
amangoing 2008-12-25
  • 打赏
  • 举报
 回复
Click the link to solve your problem.Good luck!
murongxiong 2008-07-07
  • 打赏
  • 举报
 回复
谢谢qiuming0306兄的回复，

你在楼上的回复：
2，有没有好的办法，获得 后一次的complete的状态，以做特殊处理？
因为xml数据岛是顺序加载你可以在绑定的最好的值哪捕获！最后的状态，判断加载次数！通过这2个条件就可以捕获状态。

如果做一个抽象点的方法，可以判断最后的加载次数，有些是经历complete一次的（如例子中第一二层，或无法绑定的），就是最后的状态。但还不知道能否确定，只有 前两层 经历complete一次，就是加载完毕的，其它除不能绑定的，就是需要经历complete两次的。


你在楼上的贴子也有回复：
也就是说绑定数据岛的时候！而且我们测试的是table 的状态，当外层节点加载之后，再加载table内部的内容！只要是没有数据就不会有其他状态！
这种情况，如果判断一个Table是否加载完毕，即内外层都加载完毕，且只在判断的这个table上触发一个onreadystatechange事件，这个也不知道如何判断才能精确。
这样可以在onreadystatechange事件中设一个timer，递归判断内层的table是否加载完毕，
判断内层的table加载完毕，依然无法确定这个内层的状态是第一次还是第二次的 complete状态。

qiuming0306 2008-07-07
  • 打赏
  • 举报
 回复
问题越弄越复杂！你的意思是不是就是怕！xml没有加载完毕，页面不完整，或者出错什么的！
内层需要加载2次，你在判断的函数内！


这个事件绑到最内层最后的节点上，不过这个方法你要先取到节点的length 来知道循环多少次，我现在写得是2！


var i=0;

function fireTimer(thistable) { 

//判断加载次数

if(i==2 && thistable.readyState=="complate")

{

//处理事件

}

else

{

  i++;

}



}

qiuming0306 2008-07-05
  • 打赏
  • 举报
 回复
也就是说绑定数据岛的时候！而且我们测试的是table 的状态，当外层节点加载之后，再加载table内部的内容！只要是没有数据就不会有其他状态！
2，有没有好的办法，获得 后一次的complete的状态，以做特殊处理？
因为xml数据岛是顺序加载你可以在绑定的最好的值哪捕获！最后的状态，判断加载次数！通过这2个条件就可以捕获状态！
qiuming0306 2008-07-05
  • 打赏
  • 举报
 回复
看看添加之后是如何执行的！


<html>

<head>



    <script> 

var i=0;



function fireTimer(thistable) { 



var value=document.all.testtext.value; 

value+="-->"+i+thistable.id+":"+thistable.readyState; 

document.all.testtext.value=value; 

i++;

} 



function addLine(){ 

    

     document.all.Textarea1.value=document.all.testtext.value;

     document.all.testtext.value="";

    var ds1 = document.getElementById('xmlData1'); 

    var xpath="/root/outout/PageList"; 

    var node=ds1.selectSingleNode(xpath); 

    var node1=ds1.selectSingleNode("/root/outout"); 

    node1.appendChild(node.cloneNode(true)); 



} 



function loadXml(){ 

var ds1 = document.getElementById('xmlData1'); 

ds1.loadXML(ds1.xml); 



} 

    </script>



</head>

<body>

    <xml id="xmlData1">

        <root>

            <outout>

                <PageList>

                    <PageData>

                        <checkFlag>1 </checkFlag>

                        <AUTHOR>John Smith </AUTHOR>

                        <GENERATOR>Visual Notepad </GENERATOR>

                        <tagDataList>

                            <tagData>

                                <id>201 </id>

                                <name>asdf </name>

                            </tagData>

                            <tagData>

                                <id>201 </id>

                                <name>asdf </name>

                            </tagData>

                            <tagData>

                                <id>201 </id>

                                <name>asdf </name>

                            </tagData>

                        </tagDataList>

                    </PageData>

                </PageList>

            </outout>

        </root>

    </xml>

    <table>

        <tr>

            <td>

                第一次：

                <textarea id="Textarea1" cols="100" rows="5"></textarea>

                <input onclick="addLine();" type="button" value="addLine">

                <input onclick="loadXml();" type="button" value="loadXml">

                <textarea id="testtext" cols="100" rows="5"></textarea>

            </td>

        </tr>

    </table>

    <table datasrc="#xmlData1" datafld="root" onreadystatechange="fireTimer(this)" id="root">

        <tr>

            <td>

                <table datasrc="#xmlData1" datafld="outout" onreadystatechange="fireTimer(this)"

                    id="outout">

                    <tr>

                        <td>

                            <table datasrc="#xmlData1" datafld="PageList" onreadystatechange="fireTimer(this)"

                                id="PageList">

                                <tr>

                                    <td>

                                        <table datasrc="#xmlData1" datafld="PageData" width="100%" border="1" onreadystatechange="fireTimer(this)"

                                            id="PageData">

                                            <thead>

                                                <tr>

                                                    <th width="10%">

                                                        选择

                                                    </th>

                                                    <th width="20%">

                                                        作者

                                                    </th>

                                                    <th width="30%">

                                                        工具

                                                    </th>

                                                    <th>

                                                        详细信息1

                                                    </th>

                                                    <th>

                                                        详细信息2

                                                    </th>

                                                </tr>

                                            </thead>

                                            <tr>

                                                <td>

                                                    <input type="checkbox" datafld="checkFlag" onreadystatechange="fireTimer(this)" id="checkFlag" />

                                                </td>

                                                <td>

                                                    <span datafld="AUTHOR" onreadystatechange="fireTimer(this)" id="AUTHOR"></span>

                                                </td>

                                                <td>

                                                    <span datafld="GENERATOR" onreadystatechange="fireTimer(this)" id="GENERATOR"></span>

                                                </td>

                                                <td>

                                                    <table datasrc="#xmlData1" datafld="tagDataList" width="100%" onreadystatechange="fireTimer(this)"

                                                        id="tagDataList">

                                                        <tr>

                                                            <td>

                                                                <table datasrc="#xmlData1" datafld="tagData" width="100%" onreadystatechange="fireTimer(this)"

                                                                    id="tagData">

                                                                    <tr>

                                                                        <td>

                                                                            <input type="checkBox" datafld="id" id="9999" onreadystatechange="fireTimer(this)"

                                                                                id="id" />

                                                                        </td>

                                                                        <td>

                                                                            <span datafld="name" onreadystatechange="fireTimer(this)" id="name"></span>

                                                                        </td>

                                                                    </tr>

                                                                </table>

                                                            </td>

                                                        </tr>

                                                    </table>

                                                </td>

                                            </tr>

                                        </table>

                                    </td>

                                </tr>

                            </table>

                        </td>

                    </tr>

                </table>

            </td>

        </tr>

    </table>

</body>

</html>
qiuming0306 2008-07-05
  • 打赏
  • 举报
 回复 


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>



    <script> 





function fireTimer(thistable) { 



var value=document.all.testtext.value; 

value+="-->"+thistable.id+":"+thistable.readyState; 

document.all.testtext.value=value; 



} 



function addLine(){ 

    

     document.all.Textarea1.value=document.all.testtext.value;

     document.all.testtext.value="";

    var ds1 = document.getElementById('xmlData1'); 

    var xpath="/root/outout/PageList"; 

    var node=ds1.selectSingleNode(xpath); 

    var node1=ds1.selectSingleNode("/root/outout"); 

    node1.appendChild(node.cloneNode(true)); 



} 



function loadXml(){ 

var ds1 = document.getElementById('xmlData1'); 

ds1.loadXML(ds1.xml); 



} 

    </script>



</head>

<body>

    <xml id="xmlData1">

        <root>

            <outout>

                <PageList>

                    <PageData>

                        <checkFlag>1 </checkFlag>

                        <AUTHOR>John Smith </AUTHOR>

                        <GENERATOR>Visual Notepad </GENERATOR>

                        <tagDataList>

                            <tagData>

                                <id>201 </id>

                                <name>asdf </name>

                            </tagData>

                            <tagData>

                                <id>201 </id>

                                <name>asdf </name>

                            </tagData>

                            <tagData>

                                <id>201 </id>

                                <name>asdf </name>

                            </tagData>

                        </tagDataList>

                    </PageData>

                </PageList>

            </outout>

        </root>

    </xml>

    <table>

        <tr>

            <td>

                第一次：

                <textarea id="Textarea1" cols="100" rows="5"></textarea>

                <input onclick="addLine();" type="button" value="addLine">

                <input onclick="loadXml();" type="button" value="loadXml">

                <textarea id="testtext" cols="100" rows="5"></textarea>

            </td>

        </tr>

    </table>

    <table datasrc="#xmlData1" datafld="root" onreadystatechange="fireTimer(this)" id="root">

        <tr>

            <td>

                <table datasrc="#xmlData1" datafld="outout" onreadystatechange="fireTimer(this)"

                    id="outout">

                    <tr>

                        <td>

                            <table datasrc="#xmlData1" datafld="PageList" onreadystatechange="fireTimer(this)"

                                id="PageList">

                                <tr>

                                    <td>

                                        <table datasrc="#xmlData1" datafld="PageData" width="100%" border="1" onreadystatechange="fireTimer(this)"

                                            id="PageData">

                                            <thead>

                                                <tr>

                                                    <th width="10%">

                                                        选择

                                                    </th>

                                                    <th width="20%">

                                                        作者

                                                    </th>

                                                    <th width="30%">

                                                        工具

                                                    </th>

                                                    <th>

                                                        详细信息1

                                                    </th>

                                                    <th>

                                                        详细信息2

                                                    </th>

                                                </tr>

                                            </thead>

                                            <tr>

                                                <td>

                                                    <input type="checkbox" datafld="checkFlag" onreadystatechange="fireTimer(this)" id="checkFlag" />

                                                </td>

                                                <td>

                                                    <span datafld="AUTHOR" onreadystatechange="fireTimer(this)" id="AUTHOR"></span>

                                                </td>

                                                <td>

                                                    <span datafld="GENERATOR" onreadystatechange="fireTimer(this)" id="GENERATOR"></span>

                                                </td>

                                                <td>

                                                    <table datasrc="#xmlData1" datafld="tagDataList" width="100%" onreadystatechange="fireTimer(this)"

                                                        id="tagDataList">

                                                        <tr>

                                                            <td>

                                                                <table datasrc="#xmlData1" datafld="tagData" width="100%" onreadystatechange="fireTimer(this)"

                                                                    id="tagData">

                                                                    <tr>

                                                                        <td>

                                                                            <input type="checkBox" datafld="id" id="9999" onreadystatechange="fireTimer(this)"

                                                                                id="id" />

                                                                        </td>

                                                                        <td>

                                                                            <span datafld="name" onreadystatechange="fireTimer(this)" id="name"></span>

                                                                        </td>

                                                                    </tr>

                                                                </table>

                                                            </td>

                                                        </tr>

                                                    </table>

                                                </td>

                                            </tr>

                                        </table>

                                    </td>

                                </tr>

                            </table>

                        </td>

                    </tr>

                </table>

            </td>

        </tr>

    </table>

</body>

</html>
一把编程的菜刀 2008-07-05
  • 打赏
  • 举报
 回复
这么长，先占一个位置
全网最强JavaWeb笔记 | 万字长文爆肝JavaWeb开发——day03_Vue_Element
本文系统讲解JavaWeb前端开发核心技能，涵盖Ajax异步通信（原生XMLHttpRequest与Axios封装）、前后端分离开发模式、YAPI接口文档管理、Vue工程化（CLI脚手架、项目结构、热更新）、Element UI组件库（Table、Pagination、Dialog、Form）集成应用、Vue Router路由配置及前端打包部署（Nginx）。重点实现基于Axios的动态数据加载、Element组件数据绑定与定制化渲染，并完成完整后台管理页面案例。
前端vue 多插图
本文系统梳理Vue前端开发关键技术点，涵盖MVVM架构、SPA单页应用原理、响应式机制（Vue2与Vue3差异）、项目搭建（Vite+Node.js）、模板语法、指令、事件与数据绑定、Composition API、生命周期管理、计算属性与监听、组件化开发、Vue Router路由、Pinia状态管理（对比localStorage/sessionStorage/Cookie）、网络请求演进（XMLHttpRequest→Axios→Promise→async/await）、拦截器与Token鉴权、请求封装规范，以及Vue与Spring Boot协同开发要点。
Django框架整理
本文系统梳理Django框架的核心技术体系，涵盖MTV架构、项目创建与运行、URL路由（含正则匹配、反向解析、命名空间）、视图（FBV/CBV、装饰器、请求响应）、模板系统（变量、过滤器、标签、继承、XSS防护）、静态文件配置、ORM（模型定义、单/多表CRUD、聚合分组、F/Q查询、事务）、Ajax集成、Cookie/Session机制、中间件（生命周期、自定义、CSRF防护）、Form与ModelForm验证等关键模块，全面覆盖Web后端开发核心能力。
基于Swin Transformer与点提示引导的MRI全心脏交互式分割系统
本系统提出了一套面向MRI全心脏分割任务的端到端深度学习解决方案，其核心创新在于将Swin Transformer作为编码器骨干网络，充分挖掘心脏MRI图像中的全局上下文信息与局部细节特征，同时引入4通道输入机制，在传统RGB三通道图像基础上额外拼接一个点提示编码通道，支持用户通过鼠标交互在图像上自由标注前景（心脏区域）与背景点，从而将先验空间信息显式地融入网络前向传播过程，实现基于稀疏标注引导的精准分割。在解码阶段，系统采用U型对称结构，通过逐步上采样与跳跃连接逐级恢复特征图分辨率，最终输出二值分割掩膜（前景/背景），有效区分心脏区域与其他组织。训练过程中，系统选用交叉熵损失函数，配合AdamW优化器与余弦退火学习率调度策略，确保模型在训练集和验证集上稳定收敛，并在每个epoch结束后自动计算全局像素准确率、平均交并比（mIoU）、平均Dice系数、平均精确率、平均召回率及平均F1分数等多项评估指标，全方位监控模型性能。系统内置了完整的训练日志保存、损失曲线与性能曲线绘制、学习率衰减可视化等功能模块，便于用户直观分析训练过程并调优超参数。在推理应用层面，系统封装了基于Tkinter框架的图形化交互界面，用户可上传任意MRI切片图像，通过鼠标左键/右键分别添加前景/背景点，点击“执行分割”按钮后即可实时生成叠加了红色半透明掩膜的分割结果图像，支持点集的增删与重置操作，交互响应灵敏，操作逻辑直观清晰。整体而言，本系统不仅实现了从多模态数据加载、交互式标注编码、基于Transformer的分割建模到图形化推理部署的全链路覆盖，更在算法层面通过点提示引导机制与Swin Transformer结构的高效结合，显著降低了对大规模标注数据的依赖，同时提升了模型对心脏边界模糊、形态变异及邻近组织干扰的鲁棒性，为心血管疾病的计算机辅助诊断、术前规划及定量分析提供了一种兼具精度与灵活性的智能
融合点提示编码与Swin Transformer的MRI心脏区域交互式分割框架
针对心脏MRI图像中边界模糊、器官形变复杂以及标注成本高昂等痛点，本研究构建了一套以Swin Transformer为编码基座、融合人机交互机制的轻量化分割系统。该方案跳出传统全自动分割的思维定式，转而采纳“模型推理+专家微调”的协同策略，在模型输入层开辟了一条额外的点提示通道，允许操作者通过鼠标标记少量前景或背景点，将这些位置信息与图像特征并行馈入网络，从而将抽象的空间先验转化为可微分的学习信号，使得分割结果能够灵活响应个体差异与局部歧义。编码端采用基于移位窗口注意力的Transformer结构，以分层递降的分辨率捕获全局感受野下的解剖结构关联，解码端则通过逐步上采样与跨层特征拼接恢复空间细节，最终输出逐像素的二分类概率图。训练数据来自心脏MRI多切片序列，每张样本不仅包含原始影像与对应金标准掩膜，还通过随机采样前景点的方式模拟真实交互场景，迫使模型学会如何从稀疏的点监督中推断完整器官轮廓。损失函数选用标准交叉熵，用以衡量预测概率与真实标签之间的分布差异，同时引入混淆矩阵模块对训练与验证阶段的像素精度、召回率、F1分数、Dice系数及平均交并比进行逐轮次追踪，所有评估曲线均自动落盘保存，便于横向对比不同超参数配置下的性能演变规律。在工具链末端，系统配套开发了一个基于Tkinter的事件驱动型图形界面，将模型推理、点标注、结果渲染与图像交互四个环节无缝串联。用户上传图像后，可通过左键与右键分别部署正负样本点，随后系统自动完成坐标缩放、通道拼接、前向传播与掩膜重采样，最终在原始影像上叠加半透明彩色蒙层，清晰勾勒出模型判定的心脏区域。整套代码逻辑紧密、模块边界清晰，既可作为医学影像分割领域的教学范例，亦可经过少量适配迁移至其他器官或模态的交互式标注任务中，具备良好的扩展潜力与实用价值。
Ajax

52,780

社区成员

25,334

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 Ajax
社区管理员
  • Ajax
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章