JavaScript-如何使用Ajax/jQuery从网页更改XML文件中的数据-堆栈溢出

顺晟科技

2022-10-18 14:16:16

如果涉及到将Ajax与XML文件结合使用，

我是新手。我被困了两天，似乎找不到解决问题的办法。

我正在做一个问答游戏，用显示器来显示玩家、问题和答案。我希望玩家能够使用他们的手机连接到特定的“游戏会话”，从而更改存储在与此游戏对应的XML文件中的数据。

到目前为止，我

所拥有的是一个函数，它从XML文件中获取数据，并每隔500毫秒检查该文件中的更改，以便它可以更新“主屏幕”上的相应内容。简而言之：我知道如何显示XML中的数据。

我的问题是：我怎样才能让一个球员改变现有的数据或在XML文件中添加数据？例如，玩家输入输入字段（姓名和年龄），然后将其添加到XML文件中。

我希望有人能帮助我！

HTML：

<代码><；身体>；<；DIV类="；主菜单块"；>；<；表单操作="；"；>；<；标签="；玩家名称"；>；名称：<；/标签>；<；输入ID="；玩家名称"；名称="；玩家名称"；类型="；文本"；>；<；标签="；玩家名称"；>；年龄：<；/标签>；<；输入ID="；PlayerAge"；name="；PlayerAge"；类型="；数字"；>；<；按钮类型="；提交"；>；添加播放器<；/按钮>；<；/窗体>；<；UL ID="；播放列表"；>；<；/UL>；<；/DIV>；<；/正文>；

XML文件

<代码><；？XML版本="；1.0"；编码="；UTF-8"；>；<；游戏_数据>；<；播放器>；<；名称>；Sjoerd<；/名称>；<；年龄>；9<；/年龄>；<；/播放器>；<；播放器>；<；名称>；梅兰妮<；/姓名>；<；年龄>；23<；/年龄>；<；/播放器>；<；播放器>；<；名称>；Remco<；/名称>；<；年龄>；27<；/年龄>；<；/播放器>；<；播放器>；<；名称>；ilse<；/name>；<；年龄>；23<；/年龄>；<；/播放器>；<；/游戏_数据>；

jQuery/Ajax调用（获取数据并在HTML页面上更新/显示列表：

<body>
    <div class="mainMenuBlock">

        <form action="">
            <label for="playerName">Name:</label>
            <input id="playerName" name="playerName" type="text">

            <label for="playerName">Age:</label>
            <input id="playerAge" name="playerAge" type="number">

            <button type="submit">Add player</button>
        </form>

        <ul id="playerList"></ul>
    
    </div>
</body>

顺晟科技：

上一篇：PHP-根据条件改变颜色的列内容-堆下一篇：HTML-本地和Internet上的

网站建设

Html

JavaScript-如何使用Ajax/jQuery从网页更改XML文件中的数据-堆栈溢出