javascript - 刷新 Electron 应用程序中 div 的内容

Question

我正在开发一个项目，使用 Electron 技术制作一个带有本地数据库的桌面应用程序，其中有一个导航栏，我想刷新主要部分的内容而不刷新整个页面。

我知道有ajax，但使用ajax我应该使用Web服务器，所以我认为用户应该在他的机器上有一个Web服务器来刷新，有没有一种方法可以在没有服务器的情况下刷新或创建“虚拟”服务器有 JavaScript 吗？

我已经尝试过了，但它只能与网络服务器一起使用:

$(document).ready(function() {
  $(function() {
    $('#ideal_form').submit(function(e) {
      e.preventDefault();
      var form = $(this);
      var post_url = form.attr('action');
      var post_data = form.serialize();
      $('#loader3', form).html('<img src="../../images/ajax-loader.gif" />       Please wait...');
      $.ajax({
        type: 'POST',
        url: post_url,
        data: post_data,
        success: function(msg) {
          $(form).fadeOut(800, function() {
            form.html(msg).fadeIn().delay(2000);

          });
        }
      });
    });
  });
});

Answer 1

您发布的代码似乎非常无关紧要，并且是另一篇 stackoverflow 帖子 ( https://stackoverflow.com/a/21135348/1833503 ) 的副本。在您的评论中，您说您希望在单击菜单项时为 div 的新内容加载静态 HTML 文件。

我建议查看 https://api.jquery.com/load/ 。您可能需要这样的东西:

$("#about-button").click(function() {
  $("#content").load("about.html");
});