AJAX && JSON 详解

本文详细介绍了Ajax技术,包括其异步更新网页数据的原理和JQuery两种实现方式。同时,阐述了Json作为数据交换格式的作用和优势,以及Json数据的语法规则。文章还涉及了Json与Java对象之间的转换方法,并讲解了设置响应类型的方式。
摘要由CSDN通过智能技术生成

一、AJAX

概念:ASyncchronous JavaScript And XML 异步的JavaScript和XML,Ajax是一种无需重新加载整个网页的情况下,更新部分网页数据的技术。

实现方法:

1、JS原生实现方法(不太常用,这里不介绍了)

2、JQuery的实现方式

第一种:

$.ajax({
     url:"",  //请求luj
     type:"",  //请求类型
     data:"",  //发送的数据
     success:function() //响应成功的回调函数
     error:funtion() //响应错误的回调函数
     dataType:"" //设置接收到的响应数据类型
})

第二种:

$.get( url , [ data ] , [ callback ] , [ type ] )

$.post( url , [ data ] , [ callback ] , [ type ] )

url:请求路径
data:发送的数据
callback:回调函数
type:接收到的数据类型

二、JSON

概念:JavaScript Object Notation JavaScript对象表示法,json多用于存储和交换文本信息的语法。

作用:进行数据的传输

好处:json比xml更小,更快,更易解析

语法:

基本规则:

  • 数据由键值对构成
  • 数据用逗号分隔
  • 花括号保存对象
  • 方括号保存数组

值的取值类型:数字、字符串、逻辑值、数组、对象、null

 json数据和java对象的转换:

java对象——>json数据

步骤:

  1. 导入jar包
  2. 创建对象
  3. 创建ObjectMapper对象
  4. 调用方法 writeValue()/writeValueAsString()
  5. 注解的使用

        @JsonIgnore 忽略属性
        @JsonFormat(pattern=“yyyy-MM-dd”) 指定格式

json数据——>java对象

readValue(字符串json数据,Class)

将数据转换为指定类的对象

设置响应类型

第一种方法:$.get() 后面的类型设置为“json”
第二种方法:response.setContextType("application/json;charset=utf-8")

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值