Question

我有一个html / javascript文件，其中点击提交js函数被调用以创建新元素并将其附加到xml文件中。不知何故，当我打开xml文件时，没有更新。我是XML DOM的新手，我尝试阅读与此相关的几个答案，但似乎没有一个完全符合我的问题。这是代码。（index.html和customers.xml）
index.html：

<!DOCTYPE html>
<html>
<head>
<title>Sign up or Login</title>
<style>
input
{
    width:auto;
}
</style>
<script>
    function updateCustomers()
    {
        var xhttp=new XMLHttpRequest();
        xhttp.onreadystatechange = function()
        {
            if(this.readyState==4 && this.status ==200)
            {
                xmlDoc=xhttp.responseXML;
                newElement = xmlDoc.createElement("customer");
                x=xmlDoc.getElementsByTagName("myShop")[0];
                x.appendChild(newElement);
                xlen=x.childNodes.length;
                window.alert("xlen is "+ xlen);
            }
        }
        xhttp.open("GET", "customers.xml", true);
        xhttp.send(null);
    }
</script>
</head>
<body style="margin:9em 0 0 0;">
<p style="padding:1em;border:4px solid #5C246E;border-radius:0.5em;width:20%;margin:0 auto;text-align:center;background: linear-gradient(to bottom right,#EED2EE, #DB70DB);">
<input type="text" name="name" placeholder="NAME" /><br><br>
<input type="text" name="phone" placeholder="PHONE NUMBER" /><br><br>
<input type="password" name="pwd" placeholder="CHOOSE A PASSWORD" /><br><br>
<input type="submit" name="submit" value="SIGN UP" onclick="updateCustomers()"/>
</p>
<br><br><br><br>
<a href="login.html" style="color:#000;font-weight:bold;background-color:#d3d3d3;border:3px solid #d3d3d3;text-decoration:none;margin:0 0 0 40em;padding:1em;">LOGIN</a>
</body>
</html>

customer.xml：

<myShop>
</myShop>

我希望看到客户标签是myShop的孩子。这根本不可能吗？提前谢谢

javascript / xml dom appendChild未在xml文件中显示更新

0 个答案: