Ajax和@requestParm与@requestBody之间各种映射关系

本文探讨了HTTP协议中的GET和POST请求,重点讲解了Ajax的$.get、$.post和$.ajax方法,以及在SpringBoot中如何处理请求参数。通过实例展示了$.ajax的POST方式如何与@RequestBody配合使用,强调了 contentType 的重要性。
摘要由CSDN通过智能技术生成

1、HTTP协议

HTTP(hypertext transport protocol),即超文本传输协议。这个协议详细规定了浏览器和万维网服务器之间互相通信的规则。
互联网通信使用TCP/IP三次握手建立链接,三次握手的含义是为了保证双方都具有发送和接收数据的能力,缺少一次都不行。HTTP协议则是在此基础上的另一种标准,用来规定我们通信的规则。

2、GET请求和POST请求

get和post请求最大的不同就是在请求体上面。get请求是不包含请求体的,而post请求包含请求体。get请求的参数包含在url里面。而post请求则是包含在请求体中。
而post请求具有一个属性:Content-type:告诉服务器。我们发送的数据是什么类型的,而post请求则没有。

3、$.get方法

原型:jQuery.get(url, [data], [callback], [type])

$.get("http://locallost/index",{
   "name":"吴涛","age":"123"},function(){
   
    console.log("1231");
})

观察请求:参数都在请求的地址上面。

3、$.post方法

方法原型:jQuery.post(url, [data], [callback], [type])

$.post("http://locallost/index",{
   "name":"吴涛","age":"123"},function(){
   
console.log("1231");
})

我们可以看到这里就没有在url后面进行拼接了。这几出现了一个Form Data的东西,我们稍后进行解释。

4、$.ajax方法

ajax的参数很多,我们这里只挑常用的来讲解,平常开发的时候,也只用这些常用的。

jQuery.ajax(url,[settings])

回调函数(我们主要关注的):
error 在请求出错时调用。传入XMLHttpRequest对象,描述错误类型的字符串以及一个异常对象(如果有的话)
success 当请求之后调用。传入返回后的数据,以及包含成功代码的字符串。
url:请求的地址
type:请求的方式GET或者POST
data:发送给服务器的数据 支持两种格式 name = value & name = value、json字符串
dataType:数据的类型。预计服务器返回的数据类型 text、xml、json
contentType:告诉服务器,我们用什么类型的数据。发送json数据只能用ajax、
请求和接收的信息与上面的方法并没有异样,我这里就不截图了;

$.ajax({
   
  type: "get",
  url: "some1",
  data: "name=John&location=Boston",
  dataType:json,
  success: fu
  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值