ajax调用springboot后台接口

工具

api测试工具
由于后台接口不是同一个团队编写的,在文档缺失的情况下,需要测试后台接口接收参数类型,可以使用这个工具,注册很方便

页面如下所示,可以选择请求方法是get,或者post
ajax调用springboot后台接口_第1张图片
重点介绍两种,params和body中的json,我遇到的接口就这两种,其他的暂时没涉及

params:在连接的后面,以字符串的形式拼接,类似这种

http://8.140.113.159/?userName=admin

Body:在请求的数据体中包含,经过测试,我需要调用的接口,是json形式。

代码:

				var param = {};
                param["username"] = "administrator";
                param["password"] = "1qazXSW@";
                $.ajax({
                    type: "POST",
                    data:JSON.stringify(param),
                    dataType: "json",
                    url: "http://localhost:8082/anhuan-safe/sys/login",
                    contentType: "application/json",
                    success: function (res) {
                        if(res.success) {
                            window.open('http://localhost:3000'+menu.url, "_blank");
                        }else {
                            layer.alert(res.message, {icon: 5, time: 1000});
                        }
                    }
                });

其中重点就三行:

  1. 将数据解析成json类型的字符串
data:JSON.stringify(param),
  1. 告诉后台请求,我用的数据类型是json
dataType: "json",
  1. 这句话一定要写,要不然就会请求会返回错误,因为解析不了
contentType: "application/json",

你可能感兴趣的:(ajax,spring,boot,前端)