接口测试平台代码实现40：接口数据保存成功提示框

2023-12-28 10:52:24

我们之前的章节已经解决了各种接口的数据的提取问题，本节的任务就是把这些传给后端，然后保存成功。

打开P_apis.html,找到我们上次没写完的ts_save()函数：

function ts_save() {
  let arg = {};
  arg[uuid] = get_uuid();
  arg[timestamp] = new Date();
  arg["Data"] = {};
  for (let i = 0; i < prj_obj.ResTotal; i++) {
    if (prj_obj.Result[i].uri == prj_obj.CurrUri) {
      arg["Data"] = prj_obj.Result[i].data;
      break;
    }
  }
  // 传递数据给后端
  // 使用jquery来提交数据，数据存储位置为/save_test_save
  $.ajax({
    async: false, // 同步请求方式
    type: "POST",
    url: "/save_test_save",
    data: JSON.stringify(arg),
    success: function (response) {
      // 弹出框提示结果
      alert(response.message);
    },
    error: function (response) {
      alert(response.message);
    },
  });
}

为了保持良好的可读性，后续涉及到的函数实现或者javascript代码都会以javascript作为标识开头。

let arg = {};
arg[uuid] = get_uuid();
arg[timestamp] = new Date();

这段代码的作用是生成一个新的测试用例保存记录，其中包括唯一的uuid、时间戳和接口测试的数据。

arg["Data"] = {};
for (let i = 0; i < prj_obj.ResTotal; i++) {
  if (prj_obj.Result[i].uri == prj_obj.CurrUri) {
    arg["Data"] = prj_obj.Result[i].data;
    break;
  }
}

这段代码的作用是找到当前接口的数据，并将其存储在arg["Data"]中。

// 传递数据给后端
// 使用jquery来提交数据，数据存储位置为/save_test_save
$.ajax({
  async: false, // 同步请求方式
  type: "POST",
  url: "/save_test_save",
  data: JSON.stringify(arg),
  success: function (response) {
    // 弹出框提示结果
    alert(response.message);
  },
  error: function (response) {
    alert(response.message);
  },
});