XML简单应用_使用xml语言描述储存天气预报的天气信息-优快云博客

工作中需在不刷新页面的情况下更改或新增网页数据，作者想到XML的数据岛技术。测试发现，更改XML数据岛，网页上的相应绑定会自动修改，并给出了示例代码及对应的XML文件内容。

今天在工作中遇到要不刷新页面的情况下更改某些网页中的数据，或者新增数据。

也就是在多个table中双击，要更改特定的某个table中的相应值。

在探索中，我想到了XML的数据岛技术

测试使用时发现，只需要更改XML的数据岛，网页上的相应绑定就会自动修改

例子代码如下：

<html>
<script language="javascript">
    function add()
    {
        var doc = new ActiveXObject("MSXML.DOMDocument")
        doc = xmldso.XMLDocument;
        var root = doc.documentElement;
        var newnode = doc.createElement("document");
        newnode.setAttribute("id",3);
        var xx = doc.createElement("book");
        xx.text = "5555";
        newnode.appendChild(xx);
        root.appendChild(newnode);
    }
</script>
<XML ID="xmldso" SRC="test.xml">
</XML>
<TABLE id="Table1" style="Z-INDEX: 105; LEFT: 16px; WIDTH: 216px; POSITION: absolute; TOP: 200px;

HEIGHT: 80px"
                    cellSpacing="1" cellPadding="1" width="300" border="1"

datasrc="#xmlDso">
                    <TR>
                        <TD><DIV ID="title" DATAFLD="book"></DIV>
                        </TD>
                        <TD><INPUT TYPE=button size=4 DATAFLD="id"

onclick="delID(this.value)"></TD>
                        <TD>1</TD>
                    </TR>

                </TABLE>
<TR>
                        <TD><input type="text" id="book1"></DIV>
                        </TD>
                        <TD><input type="text" id="book1"></TD>
                        <TD><input type="button" value="dfads"

onclick="add()"></TD>
                    </TR>
</html>

XML文件：
<?xml version="1.0" encoding="utf-8" ?>
<root>
    <document id="1">
        <book>dfa22dsfads</book>
        <xxx>dfadsfads</xxx>
    </document>
    <document id="2">
        <book>dfadsf444a33dsfads</book>
        <xxx>dfadsf333ads</xxx>
    </document>
</root>