接口测试平台-98: 首页GraphQL请求 处理前端传给后端，并显示

1. 增加高度（行数）

之前10行，改成14行：

 

2. 将获取的参数传至后台

找到请求函数，将这些加入进去：

if(ts_body_method === 'GraphQL'){
    body_plan_G_Q = document.getElementById('body_plan_G_Q').value;
    body_plan_G_G = document.getElementById('body_plan_G_G').value;
    var ts_api_body = body_plan_G_Q + '*LR*' + body_plan_G_G;
}

如上图，请求体 用一个特殊标识字符串 进行拼接了俩部分，虽然很土，但是简单有效。

去后台veiws.py打印一下看看链路是否打通了：

测试：

显示：

成功之后，继续修改views.py这个api_send_basic函数，增加一个这个请求方式：

elif body_method == 'GraphQL':
    headers['Content-Type'] = 'application/json;charset=utf-8'
    query = body.split('*LR*')[0]
    graphql = body.split('*LR*')[1]
    try:
        eval(graphql)
    except:
        graphql = '{}'
    payload = '{"query": "%s", "variables": "%s"}' % (query, graphql)

插入的就只能是其中一个elif，这样不会影响else的逻辑。

 

3. 显示

if ("{{ log.body_method }}" === 'GraphQL') {
    body_plan_G_Q = "{{ log.api_body }}".split('*LR*')[0]
    body_plan_G_G = "{{ log.api_body }}".split('*LR*')[1]
    document.getElementById('body_plan_G_Q').value = body_plan_G_Q;
    document.getElementById('body_plan_G_G').value = body_plan_G_G;
}