ajax接口测试方法

需求

web项目的开发中,ajax是前端通讯的常见方式,在前后端分离的开发过程中,后端接口的可独立测试就尤为重要。

方案

我们前端采用了jquery、bootstrap的框架方案,jquery提供了简单便利的ajax调用接口,所以,我们只要在项目的任何一个页面下,F12开启调试,在console中使用jquery提供的ajax函数就可以测试接口。

案例

这里以data_project.json?type=import接口为例, 我们先创建一个对象t,用来填充接口所需要的参数, 之后使用$.ajax函数进行测试。 并在回调函数success,error中查看接口的返回结果。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
var t = new Object();
t.projectid = "16256";
t.projectname ="营销管理高级研修班"
t.projecttype = "普通项目";
t.starttime = "20160520";
t.endtime = "20170920";
t.categoty = "企业管理/工商管理";
t.student = "公司企业管理人员";
t.status = "学校已同意";
t.accepttime = "2016-04-12";

$.ajax({type: "POST",
contentType: "application/json;charset=utf-8",
url: "data_project.json?type=import",
data: JSON.stringify(t),
dataType: "json",
success: function (result) {
console.log(result);
},
error: function (result, status) {
console.log(result);
}
});