仅当网页已更改时，如何更新/重新加载网页中的特定值？（使用 html/javascript）答案

【问题标题】：How to update/reload a particular value in a web page only if it has changed? (using html/javascript)仅当网页已更改时，如何更新/重新加载网页中的特定值？（使用 html/javascript）
【发布时间】：2014-04-08 13:32:43
【问题描述】：

我使用 HTML 和 JavaScript（也使用 CSS）创建了一个网页。我设置了 10 秒的刷新间隔。我不想刷新整个页面。我只需要刷新/重新加载那些已更改的值。如果没有更改任何值，则不应发生刷新。我搜索了很多，但找不到任何对我有帮助的东西。

    title: {
        text: "Title Name",
    },
    subtitle: {
        text: "Sub Title Name",
    },
    series: [{
        name: "Name",
        data: [ "23" ],
    }]

例如，如果“标题名称”被更改，则只应更新“标题名称”。不应重新加载其他值。每 'x' 秒，它应该检查更改，如果有任何更改，则应该更新该特定值而不影响其余值。

任何建议/示例代码将不胜感激。提前致谢！！

编辑：我从 XML 文件中获取值。它看起来像这样。

    title: {
    text: Title_Name,
},
subtitle: {
    text: Sub_Title_Name,
},
series: [{
    name: Name,
    data: [ Value ],
}]

其中 Title_Name、Sub_Title_Name、Name 和 Value 是存储 XML 文件中的值的变量。

【问题讨论】：

有什么意义？如果你用它已经有的值填写一些东西，那就没有区别了。
也许你想看看ajax
@Barmar 我同意没有区别。但它节省了重新加载时间。
@Isaias 我可以在同一个网页中使用 Ajax 还是应该创建一个新网页？我不知道 Ajax，但如果这是唯一的解决方案，我不介意实现它..
你不是已经在使用 AJAX 了吗？如果不是 AJAX，新值来自哪里？

标签： javascript jquery html reload updates

【解决方案1】：

既然你已经包含了 jQuery 标签，我想为它推荐 jQuery AJAX 功能。

只需要你指定数据参数（也可以是json）

在您的 php 或其他服务器端代码中执行内部/查询相关操作。

控制成功返回消息到 AJAX，您可以在其中修改更改的值。

示例代码：

//Using jQuery library
$.ajax({
  url : "your-server-side-logic", //I'm assuming you would be creating your refresh logic for text in here
  type : "post",
  dataType : 'json',
  data : {
    name : "a-name",
    data : 23 
  }, success : function(success_record) {
    //Here comes your "refresh-specific-content-only-part".
  }
});

【讨论】：