ajax接口测试方法

title: ajax接口测试方法
date: 2017-07-13 11:45:45
tags: [js,jquery,ajax,测试]

需求

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

方案

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

案例

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

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);
    }
});