学习ajax的总结

2 篇文章 0 订阅

https://blog.csdn.net/baiyan3212/article/details/83141914

$.ajax({
    url:"http://www.microsoft.com",    //请求的url地址
    dataType:"json",   //返回格式为json  返回的就是json对象
    async:true,//请求是否异步,默认为异步,这也是ajax重要特性
    data:{"id":"value"},    //参数值
    type:"GET",   //请求方式
    beforeSend:function(data){
        //请求前的处理
    },
    success:function(req){
        //请求成功时处理
    },
    complete:function(data){
        //请求完成的处理
    },
    error:function(data){
        //请求出错处理
    }
});

dataType的类型有很多
有这两种常用的
•“json”: 返回 JSON 数据
•“text”: 返回纯文本字符串

与springboot交互只需要用@Responsebody注解就可也返回 json对象

pom.xml的JSON包的依赖可以是

<dependency>
  <groupId>com.alibaba</groupId>
   <artifactId>fastjson</artifactId>
   <version>1.2.47</version>
</dependency>

遇到的错误
返回的就是一个json对象了,我还在那里一直转换成json对象,老是报错,我还以为是
我的JQuery包导错了

get和post都是向服务器发送一种请求,只是发送机制不同 。

  1. GET可以通过在请求URL上添加请求参数,
    而POST请求则是作为HTTP消息的实体内容发送给WEB服务器。
  2. get方式请求数据会被浏览器缓存起来,因此其他人就可以从浏览器的历史记录中读取到这些数据,例如账号密码等。在某种情况下,get方式会带来严重的安全问题。
    而post方式相对来说就可以避免这些问题。
  3. Post请求必须设置请求头Content-Type值为application/x-form-www-urlencoded,如果没有设置,参数无法正确的传递到服务器(本质上说,如果没有参数,也不一定需要设置,不会影响请求的发送); get不用
  4. 发送请求时,因为Get请求的参数都在url里,没有请求主体,使用xhr.send(null),所以send函数发送的参数为null,而Post请求在使用send方法时,却需赋予其参数,xhr.send(参数);
  5. GET大小限制约4K,POST则没有限制(在http中”GET方式提交的数据最多只能是1024字节”,Post传输的数据量大,可以达到2M。 )
  6. POST可以通过xhr.send(‘name=itcast&age=10’)
  7. 如果有数据 值 get要拼接字符串 post不需要设置
    使用post的概率会大一些
    type为get和post的区别

前后台解析json字符串
后台用json
jquery用json

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值