json - 用 JSON 或其他东西在网页中生成 POSTMAN

Question

我有一个来自 JNE 的程序员的 restAPI 代码，公司代表交付服务。

他们说这个 API 可以在 POSTMAN(Google Chrome 应用程序)中运行

它在 postman 中工作正常，在此应用程序中，我只需要插入 request URL (我从 JNE 公司得到的)和两个键和值的标题如下；

 KEY                          VALUE
----------------------------------------------
username                      mycompany
api key                       4534645756864234523424

方法是 POST当我发布它时，它给了我预期的结果。

我现在的问题是，如何在我的页面中运行此代码，以便我不需要在 postman 中运行它。

如果有人能帮我解决这个问题，我今天就要去学习 JSON。

[更新问题 1]

{
"version":1,
"collections":
    [
        {
            "id":"c8b12431-8586-cbdd-aef7-056ec177509a",
            "name":"asdasdadasdasdasd",
            "timestamp":1415593872130,
            "requests":
                [
                    {
                        "collectionId":"c8b12431-8586-cbdd-aef7-056ec177509a",

                        "id":"d1b2ed66-781d-d02e-c4eb-0416dd3e07a1",

                        "name":"http://api.jne.co.id:8889/tracing/mycompany/origin/key/jak",

                        "description":"",

                        "url":"http://api.jne.co.id:8889/tracing/mycompany/origin/key/jak",

                        "method":"POST",

                        "headers":"username: mycompany\napi_key:089a12ffb8cd5009bdfa4ba5bdb9ee26\n",

                        "data":
                                [   
                                    {
                                        "key":"username",
                                        "value":"mycompany",
                                        "type":"text"
                                    },

                                    {
                                        "key":"api_key",
                                         "value":"dsfsdfsdfs98d98sdfsdf9898dsfs",
                                         "type":"text"
                                    }
                                ],

                        "dataMode":"params",
                        "timestamp":0,
                        "responses":[],
                        "version":2
                    }
                ]
            }
        ],



"environments":[],
"headerPresets":[],
"globals":[]
}

从上面的更新问题；我的第一个问题是:]

我必须以什么格式保存这个文件:JSON？或者是什么？

我应该将此文件与我的网页保存在一个文件中吗？或者我可以将它保存为外部文件吗？

从上面的代码，我得到如下结果:

  {
            "detail": [
                {
                    "code": "CGK10000",
                    "label": "JAKARTA"
                },
                {
                    "code": "CGK10100",
                    "label": "JAKARTA BARAT"
                },
                {
                    "code": "CGK10300",
                    "label": "JAKARTA PUSAT"
                },
                {
                    "code": "CGK10200",
                    "label": "JAKARTA SELATAN"
                },
                {
                    "code": "CGK10500",
                    "label": "JAKARTA TIMUR"
                },
                {
                    "code": "CGK10400",
                    "label": "JAKARTA UTARA"
                }
            ]
        }

如果您查看 "label"它是从最后一个字符串的键生成的: "name":"http://api.jne.co.id:8889/tracing/mycompany/origin/key/jak",


来自 jak 最后一个字符串的标签结果, 是我想在下拉 html 标签中插入的内容，用户将在其中选择(位置名称)。



【更新完整代码】

 POST /tracing/mycompany/origin/key/jak HTTP/1.1
 Host: api.jne.co.id:8889

 Content-Type: application/json  
 username: mycompany
 api_key: 089a12ffb8cd5009bdfa4ba5bdb9ee26

{
"version":1,
"collections":
    [
        {
            "id":"c8b12431-8586-cbdd-aef7-056ec177509a",
            "name":"asdasdadasdasdasd",
            "timestamp":1415593872130,
            "requests":
                [
                    {
                        "collectionId":"c8b12431-8586-cbdd-aef7-056ec177509a",

                        "id":"d1b2ed66-781d-d02e-c4eb-0416dd3e07a1",

                        "name":"http://api.jne.co.id:8889/tracing/mycompany/origin/key/jakarta",

                        "description":"",

                        "url":"http://api.jne.co.id:8889/tracing/mycompany/origin/key/jakarta",

                        "method":"POST",

                        "headers":"username: mycompany\napi_key:089a12ffb8cd5009bdfa4ba5bdb9ee26\n",

                        "data":
                                [   
                                    {
                                        "key":"username",
                                        "value":"mycompany",
                                        "type":"text"
                                    },

                                    {
                                        "key":"api_key",
                                         "value":"089a12ffb8cd5009bdfa4ba5bdb9ee26",
                                         "type":"text"
                                    }
                                ],

                        "dataMode":"params",
                        "timestamp":0,
                        "responses":[],
                        "version":2
                    }
                ]
            }
        ],



"environments":[],
"headerPresets":[],
"globals":[]
} 

我已将此文件保存为 jne.json和 jne.html但浏览器只显示完整的代码，显示结果就像 postman 一样。我想我在这里遗漏了很多东西。

Answer 1

POST 请求类似于以下内容

POST /tracing/mycompany/origin/key/jak HTTP/1.1
Host: api.jne.co.id:8889

Content-Type: application/json
username: mycompany
api_key: 089a12ffb8cd5009bdfa4ba5bdb9ee26

{
    ... your JSON ...
}

您可以使用 .json 文件扩展名保存 JSON。如果您的请求始终相同，您可以将此文件与您的网页一起保存，但通常会在发送之前构建一个 HTTP 请求(这意味着您通常会发送不同的请求)。
要填充下拉列表，您只需解析 JSON 响应。