景观网站建设,wordpress 改模板目录,厦门同安网站制作企业,做网站如何分类一、前端传json对象#xff0c;后端指定接收json对象中的哪个参数。 (1)前端请求
axios({//请求方式method:post,//后端接口路径url:http://127.0.0.1:8080/api/deleteUserById,//注意这里使用的是params,该属性负责把属性名和属性值添加到url后面#xff0c;一般和get配合使…一、前端传json对象后端指定接收json对象中的哪个参数。 (1)前端请求
axios({//请求方式method:post,//后端接口路径url:http://127.0.0.1:8080/api/deleteUserById,//注意这里使用的是params,该属性负责把属性名和属性值添加到url后面一般和get配合使用但也能 和post配合使用params: {id: id}
}).then((response) {if(response){$.messager.alert(信息提示,删除成功!);}else{$.messager.alert(信息提示,删除失败!);}
}).catch((error) {console.error(请求失败, error);
})(2)后端接口接参方式 //根据ID删除用户 请使用RequestMapping(value /api/deleteUserById)ResponseBodypublic boolean deleteUserById(RequestParam(valueid,required true) Integer id) {int rowsDeleted userMapper.deleteUserById((long)id);if (rowsDeleted 0) {return true;} else {return false;}}二、axios使用restful规范的get请求后端使用PathVariable接参 后端接口路径属性值;注意路径后面有反斜杠/注意不要写漏了不然value就会变成路径的一部分请求路径就会变成/sys/test后面跟上value的值从而导致404 (1)前端请求
//方法名为test,传入数据value
function test(value) {axios({//请求方式method:get,url:/sys/test/value,}).then((response) {//response是一个返回的promise对象该注释所在的这行一般对该promise对象进行处理从而获取数据}).catch((error) {//对error进行处理})
}(2)Java后端
//使用restful请求时对应的接收
GetMapping(/sys/test/{accept})
public void test(PathVariable(accept) String(传进来的数据的类型) attributeName){//axios使用restful的方式进行传值而Java就需要用到PathVariable来接收url后的值/sys/test/{accept}里的accept必须和PathVariable(accept)里的accept名字一致而且一个请求能拥有多个PathVariable
}三、RequestBody接收类型 (1)前端请求
let id $(#id).val();
let paras {id: idaxios.post(http://127.0.0.1:8080/api/deleteUserById,paras).then(function (response){if(response){$.messager.alert(信息提示,删除成功!);}else{$.messager.alert(信息提示,删除失败!);}
})(2)Java后端 RequestMapping(/api/deleteUserById)ResponseBodypublic boolean deleteUserById(RequestBody User user) {long iduser.getId();int rowsDeleted userMapper.deleteUserById((long)id);if (rowsDeleted 0) {return true;} else {return false;}}3前端也可以使用ajax请求但是注意data:JSON.stringify(paras)的写法与axios是不同的。
$.ajax({url: http://127.0.0.1:8080/api/deleteUserById,type: POST, // 或者其他请求方法例如GET, DELETE, PUT等contentType: application/json, // 指定请求的数据类型为JSONdata: JSON.stringify(paras), // 将JSON对象转换为JSON字符串并设置为请求体数据success: function(response) {if(response){$.messager.alert(信息提示,删除成功!);}else{$.messager.alert(信息提示,删除失败!);}},error: function(error) {console.error(请求失败, error);}});
