AJAX&&JSON

AJAX

即异步 JavaScript 和XML。Ajax是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。而传统的网页(不使用 Ajax)如果需要更新内容,必需重载整个网页面。
 

实现方式:

1.JS实现方式

2.JQuery实现方式

JQuery实现方式1:

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

JQuery实现方式2:

* 语法:$.get(url, [data], [callback], [type])
                * 参数:
                    * url:请求路径
                    * data:请求参数
                    * callback:回调函数
                    * type:响应结果的类型 

JQuery实现方式3:

* 语法:$.post(url, [data], [callback], [type])
                * 参数:
                    * url:请求路径
                    * data:请求参数
                    * callback:回调函数
                    * type:响应结果的类型 

JSON 

概念:

JSON,全称“JavaScript Object Notation(JavaScript对象表示法)”,起源于JavaScript的对象和数组。JSON,说白了就是JavaScript用来处理数据的一种格式,这种格式非常简单易用,不过没有XML通用。

 

作用:进行数据的传输。

优点:JSON 比 XML 更小、更快,更易解析。

语法:

基本规则:花括弧,方括弧,冒号和逗号

花括弧表示一个“容器”
方括号装载数组
名称和值用冒号隔开
数组元素通过逗号隔开

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

 

2. 获取数据:
        1. json对象.键名
        2. json对象["键名"]
        3. 数组对象[索引]
        4. 遍历

java对象与json对象角色互换:

1. JSON转为Java对象
        1. 导入jackson的相关jar包
        2. 创建Jackson核心对象 ObjectMapper
        3. 调用ObjectMapper的相关方法进行转换
            1. readValue(json字符串数据,Class)

2. Java对象转换JSON
        1. 使用步骤:
            1. 导入jackson的相关jar包
            2. 创建Jackson核心对象 ObjectMapper
            3. 调用ObjectMapper的相关方法进行转换

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
jQuery是一个流行的JavaScript库,它简化了JavaScript编程的复杂性,并提供了许多实用的功能和工具。其中一个重要的功能是通过AJAX(Asynchronous JavaScript and XML)与服务器进行数据交互。 AJAX是一种在不刷新整个页面的情况下,通过后台与服务器进行异步通信的技术。它可以实现动态更新页面内容,提升用户体验。 在jQuery中,使用AJAX进行数据交互非常简单。其中,JSONJavaScript Object Notation)是一种常用的数据格式,用于在客户端和服务器之间传输数据。 使用jQuery的AJAX方法可以轻松地发送AJAX请求,并处理服务器返回的JSON数据。以下是使用jQuery进行AJAX请求和处理JSON数据的基本步骤: 1. 使用$.ajax()方法发送AJAX请求,指定请求的URL、请求类型(GET、POST等)、数据等参数。 2. 在$.ajax()方法中使用success回调函数来处理服务器返回的数据。在这个回调函数中,可以对返回的JSON数据进行解析和操作。 3. 在success回调函数中,可以使用jQuery提供的方法(如$.each())来遍历JSON数据,并将其展示在页面上或进行其他操作。 下面是一个简单的示例代码,演示了如何使用jQuery进行AJAX请求并处理返回的JSON数据: ```javascript $.ajax({ url: 'example.com/api/data', type: 'GET', dataType: 'json', success: function(data) { // 处理返回的JSON数据 $.each(data, function(index, item) { // 对每个数据项进行操作 console.log(item.name); }); } }); ``` 这个示例中,我们发送了一个GET请求到`example.com/api/data`,并期望返回的数据是JSON格式。在success回调函数中,我们使用$.each()方法遍历返回的JSON数据,并打印每个数据项的名称。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值