Uml HTML/Javascript编码器和服务器脚本语言编码器之间的交互？

我不想让我的PHP程序员再写Javascript了。我想把javascript编码和php编码分开。我应该如何编写有关此交互的文档

让我们想象一下真正简单的ajax请求。至于我，文件应该包含顺序流程图

用户正在单击“编辑”按钮

预加载程序显示给用户

ajax请求被发送到url/ajax_-request/category/{category_-id}/；我们希望得到json格式的答案

计时器已启动；如果在10秒内未收到答案-显示警报“连接超时，请尝试刷新页面并再试一次。”

ajax请求被接收到var数据中

隐藏预紧器

检查data.success是否为false，然后显示警报“出现问题”

将data.html放入容器中

正如您所看到的，用文本格式解释这个流程确实很困难。我知道有UML来描述这些事情，但我没有经验。所有的UML示例都太简单了，我无法理解如何构建更复杂的图表

请，任何人（UML专家），你能告诉我UML图对于我的例子是什么样子的吗

---

我真的很感谢你的帮助。谢谢大家!

您的问题还有更多图表。问题是：“你想代表什么？”

• 从第一步开始。到您的第8步 你可以画一个行为图。 您可以使用用例图（表示用户操作的图）、活动图（表示算法或流程的生命周期）或状态图（如果您希望表示流中特定组件的演化，例如http请求）。 另一方面，您可以使用交互图来表示服务器和客户端之间的相互依赖关系
• 结构 通常，您应该使用类图。简单地说：
  • 客户端类
  • 服务器类
  • 请求的类
  • 布拉布拉

这种图表对于用户的可用性/功能活动是无用的

• UML4WEB您可以使用的图表，是谁为WEB扩展了UML

---

有更多的图表说明您的问题。问题是：“你想代表什么？”

• 从第一步开始。到您的第8步 你可以画一个行为图。 您可以使用用例图（表示用户操作的图）、活动图（表示算法或流程的生命周期）或状态图（如果您希望表示流中特定组件的演化，例如http请求）。 另一方面，您可以使用交互图来表示服务器和客户端之间的相互依赖关系
• 结构 通常，您应该使用类图。简单地说：
  • 客户端类
  • 服务器类
  • 请求的类
  • 布拉布拉

这种图表对于用户的可用性/功能活动是无用的

• UML4WEB您可以使用的图表，是谁为WEB扩展了UML

---

另一个问题-我应该如何记录服务器端和客户端站点之间传递的数据格式？再次感谢您是的，我知道，但正如我所说的，所有UML示例都太简单了，我不知道如何为我的示例构建图表（根据我的经验，我发现javascript和服务器端将以中间格式（如xml或JSON）交换数据。当我以这种方式与团队成员一起工作时，我只需指定我想要的数据以及我期望的数据格式，然后让他们访问，然后我编写javascript代码，知道我可以以指定的格式期望数据ed格式…效果很好，因为这应该是唯一的联系点…为了延伸我的最后一条评论，保持沟通简单…如果你把它复杂化了，会有更多的误解…只需说“我期待这些数据，你可以从我的界面期待这些数据”。这将为您设置一些简单的自动化测试，然后您才能看到您的东西是如何协同工作的。这是活动图，您认为如何？另一个问题-我应该如何记录服务器端和客户端站点之间传递的数据格式？再次感谢您是的，我知道，但正如我所说的，所有UML示例都太简单和复杂了我不知道如何为我的示例构建图表：（根据我的经验，我发现javascript和服务器端将以中间格式（如xml或JSON）交换数据。当我以这种方式与团队成员一起工作时，我只需指定我想要的数据以及我期望的数据格式，然后让他们访问，然后我编写javascript代码，知道我可以以指定的格式期望数据ed格式…效果很好，因为这应该是唯一的联系点…为了延伸我的最后一条评论，保持沟通简单…如果你把它复杂化了，会有更多的误解…只需说“我期待这些数据，你可以从我的界面期待这些数据”。这将为您设置一些简单的自动化测试，然后您才能看到您的东西是如何协同工作的。这是活动图，您认为如何？现在我将尝试制作一些图表，并将它们放在这里。这将需要一些时间，所以问题仍然存在。/这是序列图；因为我发现它不适合such情况因为我们不能在这个图中添加任何逻辑，所以现在我将在这里尝试活动图，它是活动图；它更好。我唯一不知道如何在活动图中显示的是“检查超时”.现在我将尝试制作一些图表，并将它们放在这里。这需要一些时间，所以问题仍然悬而未决。/这是序列图；因为我发现它不适合这种情况，因为