5、异常处理、ajax与序列化

前端之家收集整理的这篇文章主要介绍了5、异常处理、ajax与序列化前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

1异常处理

1.1Spring boot可以根据不同的状态码跳转到不同的异常处理显示页面方法如下

1.2在/resources/static/下新建/error文件夹,然后在文件夹内新建对应状态码的html页面即可

1.2.1如404.html,找不到url的异常会跳转到此页面

1.2.2如500.html,内部处理报错时的异常会跳转到此页面

1.3然后故意输入错误的url,查看是否跳转到了相应的状态码的html页面即可

2Ajax及序列化与反序列化

2.1Rest风格的mvc开发,我们一般使用ajax方式请求与获取数据

2.2通过@RequestBoby我们可以直接将请求的参数反序列化成对象

2.3通过@ResponseBody则可以将返回的对象序列化为json字符串

@PostMapping("/ajaxAdd")
@ResponseBody //序列化,返回json字符串
public Object ajaxAdd(@RequestBody Blog blog){ //反序列化
 return blog; //返回对象
}

2.4要反序列化成的对象类

class Blog{
 public String title;
 public String content;
}

2.5Html页面

2.5.1对象要设置name和id,因为jquery一般用id,而form表单认name属性

2.5.2contentType为'application/json;charset=UTF-8'否则报错

2.5.3data: JSON.stringify(data),data需序列化,否则报错

//HTML页面代码

<input type="text" name="title" id="title" />
<input
type="text" name="content" id="content" />

<script
type="application/javascript" src="/js/jquery-3.2.1.min.js"></script>
<button
title="ajax" name="ajaxSave" id="ajaxSave">ajax保存信息</button>
<span
name="rst">返回的信息显示在这里</span>
<script
type="application/javascript">

$('#ajaxSave').click(function () {

var data = {
title: $('#title').val(),
content: $('#content').val()
}
;
alert(JSON.stringify(data));

$.ajax({
url: '/blog/ajaxAdd',
data: JSON.stringify(data),
type: 'POST',
contentType: 'application/json;charset=UTF-8',
success: function (rst) {
alert(JSON.stringify(rst));
},
error: function (rst) {
alert(rst.error);
}
})
;
});
</script>

原文链接:https://www.f2er.com/ajax/160503.html

猜你在找的Ajax相关文章