如何以不同的编程语言显示代码示例

时间:2018-08-26 17:14:15

标签: javascript html api

最近,我开始从事API开发人员的写作工作,并希望创建一个选项来为示例代码选择不同的程序语言。到目前为止,we only provide cURL code samples,但我想扩展我们的选择。我非常喜欢Stripe API的实现方式,因为它们允许您按下语言选项的按钮,从而依次更新示例代码。邮递员还提供了更改示例代码语言的选项。在涉及到这些东西时,我是一个新手,但是经过一些研究,我相信Stripe使用javascript来更改示例。

我们当前正在使用Slate页面的静态网站生成器。

我发现能够更改网站的口语与我正在寻找的功能相似,并且已经找到了一些useful information here in stack overflow。我知道我可以创建按钮和导航栏,但这是后端的脚本,我会遇到一些麻烦。

希望有人可以指出正确的方向开始。在此先感谢您,如果我不够清楚,我深表歉意,因为我是这方面的新手。

1 个答案:

答案 0 :(得分:0)

正如您确定的那样,Stripe具有用于不同语言的不同URL。要根据URL获取数据,他们一定使用AJAX,并根据请求从

返回数据
  1. 从保存在其服务器中的静态文件中
  2. 从数据库中(这是我的建议)

现在您可以执行相同操作。但是你有

  1. 使用大量JS编写您的网站,以通过AJAX检索数据并显示它。可能正在使用Angular或React;
  2. 在您的后端上编写请求和响应者,以像Stripe一样响应对不同示例代码的请求,也许像http://example.com/api/code/sample/:language这样的请求,其中language是您将从数据库或数据库中检索数据的参数静态文件