本文介绍如何在接口测试平台实现调试弹层中，自动显示接口请求体的功能，包括form-data和x-www-form-urlencoded两种编码格式的处理。通过初始化表格、遍历请求体列表填充数据并动态新增行，实现了请求体的自动显示。
本节主要是用来在用户打开调试弹层后，能自动显示弹层的接口请求体的功能。
本节之后，将会进行数节的 接口后台实际请求的代码实现。
打开P_apis.html：找到我们上节没写完的那个打开显示的函数：
首先我们记得，不同的展示窗口，显示的不一样，主要分俩类：
一类是：
form-data和x-www....的表格类显示。
另一类是raw的五种子选项的多行文本框的显示效果。
很明显，第二类要简单很多， 所以我们先从第二类入手，迅速解决掉这五个多行本文框的显示，再集中精力对付较难的第一类表格显示。
如上图五种，用五个if判断搞定了这个显示效果。有同学可能会说，其实这五种一开始不用5个多行文本框，用一个就可以了，5个的话很麻烦。这里的话其实也是可以的。但是后续的话可能要少一点灵活性。不过这里全凭大家自选哈。就算现在这种五个输入框，也都是写好
订阅专栏 解锁全文
扫一扫
5万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
