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

Question

我有来自JNE程序员的restAPI代码,公司代表送货服务.

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

它在POSTMAN中运行良好,在这个应用程序中我只需要插入request URL(我从JNE公司获得)和两个键和值的标题如下;

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

对此的方法是POST,当我发布它时,它给出了结果如何预期.

我现在的问题是,如何在我的页面中运行此代码,以便我不需要在邮递员中运行它.

我现在正在学习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但浏览器只显示完整的代码,并将结果显示为邮递员的操作方式.我想我在这里缺少很多东西.

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 响应。