响应Body数据格式如下:{ "code": 0, "msg": "success" } 返回json
时间: 2024-02-09 20:06:12 浏览: 51
响应Body数据格式如下:
{
"code": 0,
"msg": "success"
}
这是一个JSON格式的响应数据,包含了两个字段:code和msg。其中,code表示响应的状态码,0表示成功,其他值表示不同的错误码;msg表示对响应结果的描述信息,这里是"success"表示成功。通过解析这个JSON数据,可以获取到接口调用的结果和相关信息。
相关问题
写一个注册页面代码: 1.使用ajax 2.返回时json的字符串 3.springboot的controller,return 1;
好的,以下是一个简单的注册页面代码,满足您的要求:
HTML:
```
<!DOCTYPE html>
<html>
<head>
<title>注册页面</title>
<meta charset="UTF-8">
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script>
function submitForm() {
var data = {
username: $("#username").val(),
password: $("#password").val(),
email: $("#email").val()
};
$.ajax({
type: "POST",
url: "/register",
data: JSON.stringify(data),
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(result) {
if(result.code == 0) {
alert("注册成功!");
} else {
alert(result.msg);
}
},
error: function() {
alert("注册失败!");
}
});
}
</script>
</head>
<body>
<h1>注册页面</h1>
<form>
<label>用户名:</label><input type="text" id="username"><br>
<label>密码:</label><input type="password" id="password"><br>
<label>邮箱:</label><input type="text" id="email"><br>
<input type="button" value="注册" onclick="submitForm()">
</form>
</body>
</html>
```
Java:
```
@RestController
public class RegisterController {
@PostMapping("/register")
public String register(@RequestBody User user) {
if(user.getUsername().equals("admin")) { // 假设用户名 "admin" 已被占用
return "{\"code\":1,\"msg\":\"用户名已被占用\"}";
}
// 执行注册逻辑
return "{\"code\":0,\"msg\":\"注册成功\"}";
}
}
```
其中,User 类的定义如下:
```
public class User {
private String username;
private String password;
private String email;
// 省略 getter 和 setter
}
```
当用户点击注册按钮时,会通过 AJAX 异步提交表单数据到 "/register" 接口,请求方法为 POST,请求体为 JSON 格式的字符串。后台将接收到的 JSON 字符串解析成 User 对象,然后执行注册逻辑。如果注册成功,返回 JSON 格式的字符串 {"code":0,"msg":"注册成功"},否则返回 {"code":1,"msg":"错误提示信息"}。前端通过解析返回的 JSON 字符串来显示注册结果。
用完整代码展示如何在eclipse实现网页中输入车牌,点击搜索信息,将停车时间显示在页面。接口代码如下:import axios from "axios"; const options = { method: 'POST', url: 'https://10.198.8.185:443/artemisl', headers: { Accept: '/', 'Content-Type': 'application/json', 'x-ca-key': '29801952', 'x-ca-signature-headers': 'x-ca-key', 'x-ca-signature': 'RA=', 'content-type': 'application/json' }, data: {parkSyscode: 'fe23e1', plateNo: '粤A643N0'} }; axios.request(options).then(function (response) { console.log(response.data); }).catch(function (error) { console.error(error); });接口返回信息如下{ "code": "0", "msg": "success!", "data": { "enterTime": "2023-06-09T11:50:34+08:00", "plateNo": "粤A643N0", "cardNo": "", "parkTime": 205, "delayTime": 30, "currentDeduceCost": "0.00" } }
以下是一个完整的代码示例,可以实现在网页中输入车牌,点击搜索信息,并将停车时间显示在页面上:
HTML 代码:
```
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>停车信息查询</title>
</head>
<body>
<input type="text" id="plateNoInput" placeholder="请输入车牌号码">
<button id="searchBtn">搜索</button>
<p id="parkTime"></p>
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<script src="script.js"></script>
</body>
</html>
```
JavaScript 代码(保存在 script.js 文件中):
```
const plateNoInput = document.getElementById('plateNoInput');
const searchBtn = document.getElementById('searchBtn');
const parkTime = document.getElementById('parkTime');
searchBtn.addEventListener('click', () => {
const plateNo = plateNoInput.value;
axios.post('https://10.198.8.185:443/artemisl', {
parkSyscode: 'fe23e1',
plateNo: plateNo,
}, {
headers: {
Accept: '/',
'Content-Type': 'application/json',
'x-ca-key': '29801952',
'x-ca-signature-headers': 'x-ca-key',
'x-ca-signature': 'RA=',
'content-type': 'application/json',
},
}).then(response => {
const data = response.data.data;
parkTime.innerText = `停车时间:${data.parkTime}分钟`;
}).catch(error => {
console.error(error);
});
});
```
在上面的代码中,我们首先获取了页面中的输入框和按钮元素,并为按钮添加了一个点击事件监听器。当用户点击搜索按钮时,会从输入框中获取车牌号码,并将其作为参数发送 POST 请求到指定的接口地址。
当接口返回响应时,我们解析响应数据并将停车时间显示在页面上。在这个例子中,我们将停车时间显示在一个 p 元素中,其 id 为 "parkTime"。
需要注意的是,我们在页面中引入了 axios 库,以便发送 AJAX 请求。如果你没有将该库添加到你的项目中,请先执行以下命令安装它:
```
npm install axios
```