moovweb - 在moovweb中ajax的json响应中对html字符串应用转换

Question

嗨，我是 moovweb 的新手，我遇到了在 ajax 响应上应用转换逻辑的要求，该响应以包含 html 的 json 格式出现，我必须在我的页面上添加它。

示例响应

{
  "success":true,
  "html" :"<div>This can be a big html data</div>"
}

所以基本上，我需要对那个 html 字符串应用转换。我浏览了文档，但没有任何东西可以处理这种情况。

有什么办法吗？

score 0 · Accepted Answer

如果我正确理解您的问题，那么您需要采取几个步骤来解决此问题。

使用 Google Chrome 打开您的 Moovweb 项目，右键单击鼠标并选择 Inspect Element，这将打开您的 Chrome 开发工具。
选择 Chrome 开发工具顶部的网络选项卡，这将是左侧的第二个选项卡。
在您的站点上触发 ajax 调用，您将在 Network 选项卡下看到 ajax 调用的响应 URL。大多数情况下，它将采用类似 www.yoursite.com/ajax/rest_of_url 的格式

找到 ajax 响应 URL 后，在 tritium 脚本中打开 main.ts 文件，如果响应 URL 与上面提供的格式相似，则插入以下代码：

match($path){
  with(/ajax/){ #or wherever the site files for the ajax response are contained
  log("--> importing ajax.ts")
  @import ajax.ts
  }
}

现在为您的氚代码创建了一个名为 ajax.ts 的文件。该文件将与您的 html.ts 和 main.ts 文件位于同一位置。将上面的代码应用于 main.ts，每次调用包含 /ajax/ 的 URL 时，都会应用 ajax.ts 文件。
现在您可以打开您创建的新 ajax.ts 文件并开始应用您的 tritium 函数来将包含 html 的 json 格式转换为您需要的方式。

1 回答 1