70.SpringMVC怎么和AJAX相互调用的?

70.SpringMVC怎么和AJAX相互调用的?

  • (1)加入Jackson.jar
  • (2)在配置文件中配置json的消息转换器.(jackson不需要该配置HttpMessageConverter)
xml 复制代码
<!‐‐它就帮我们配置了默认json映射‐‐>
<mvc:annotation‐driven conversion‐service="conversionService" ></mvc:annotation‐driven>
  • (3)在接受Ajax方法里面可以直接返回Object,List等,但方法前面要加上@ResponseBody注解。

    springMVC对数据Message的处理操作提供了一个接口HttpMessageConverter,用来对参数值和返回值的转换处理。
    在请求和返回过程中可以进行转换json

知识延伸

1、AJAX是什么?

  • Ajax即异步的 JavaScript和XML,是一种无需重新加载整个网页的情况下,能够更新部分模块的网页技术

2、ajax异步请求和同步请求的特点

  • 异步请求 特点:请求响应回来页面不动 只刷新页面局部
  • 同步请求 特点:响应回来全部刷新(地址栏,超链接,表单 js的location.href="")
  • 通过Ajax发送的请求都是异步请求 多请求之间并行处理 请求之间不会相互影响

3、Ajax实现异步请求

Ajax发送请求 通过js的异步请求对象发送请求 xhr XMLHttpRequest

js实现ajax:

javascript 复制代码
1、创建异步请求对象 xhr
2、准备并且发送请求xhr.open() xhr.send();
3、处理响应
xhr.onreadyStateChang=dunction(){
    if(xhr.readyState==4&&xhr.status==200{
    xhr.responseText
    }
}

4、ajax只认字符串

jquery实现Ajax的封装

javascript 复制代码
$.ajax({}) 基础发送Ajax请求的方式
$.get(url,method,function(){})//get方式发送请求
$.post(url,method,function{},"json")
相关推荐
栀椩9 分钟前
Electron 内嵌页面跨域问题(CORS/PNA)解决全记录
前端·javascript·electron
文丑颜不良啊10 分钟前
LeetCode1401~1420题目解析
java·leetcode
Nuanyt11 分钟前
LeetCode Hot 100 链表专题2 3 题 (Java)
java·笔记·算法·leetcode·链表
asaotomo15 分钟前
截图识题、AI 讲解、笔记沉淀:Chrome 扩展体验
前端·chrome·笔记
前端架构师-老李16 分钟前
HTML与CSS基础第五课—HTML的空格、换行、横线相关知识
前端·css·html
SEO_juper18 分钟前
Chrome 扩展一键查看当前页面 SEO 信息:不用切页面,点一下全出来
前端·javascript·chrome
文丑颜不良啊19 分钟前
LeetCode1341~1360题目解析
java·leetcode
Nymph_Zhu24 分钟前
vue3+element-plus 文件上传
前端·typescript·vue3·element-plus
echome88830 分钟前
CSS 布局:Flex 和 Grid 怎么选,附常见坑
前端·css·html
计算机魔术师36 分钟前
科技巨头砸7400亿押注AI,为什么苹果成了唯一赢家?
前端