AJAX和JSON的基础学习

AJAX

  • 概念:全称为( ASynchronous JavaScript And XML )异步的JavaScript 和 XML。
  • 异步与同步的区别,当客户端与服务器进行交互的时候,异步是不需要等待服务器响应,可以继续执行操作,而同步是需要等待服务器响应,才能完成下一步操作。
  • Ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。传统网页需要重新加载整个网页。

JQuery的AJAX的实现方式

  • .ajax().ajax() * 语法:.ajax({键值对});
    //使用$.ajax()发送异步请求
 $.ajax({
		                url:"ajaxServlet" , // 请求路径
		                type:"POST" , //请求方式 
		                data:{"username":"jack","age":23},
		                success:function (data) {
		                    alert(data);
		                },dataType:"text"//设置接受到的响应数据的格式
		            });

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

$.get("ajaxServlet",{username:"lisi",password:"123"},function (data) {	//date是服务器端相应的数据
                alert(data);
     },"text");

JSON

  • 概念: 全称为(JavaScript Object Notation)JavaScript对象表示法。
  • json现在多用于存储和交换文本信息的语法; 进行数据的传输; JSON 比 XML 更小、更快,更易解析。

JSON的语法

1,创建JSON

  var person = {username: "zhangsan", age: 13, gender: true};
  //嵌套的方式存储数据
 var persons = {
        person: [{username: "zhangsan", age: 13, gender:true},
                {username: "zhangsan", age: 13, gender: true}]
        }
        //以数组的方式存储
        var ps = [
        	{username: "zhangsan", age: 13, gender: true},
            {username: "zhangsan", age: 13, gender: true},
            {username: "zhangs1", age: 13, gender: true}];

2.获取数据

//JSON.key ,或者JSON["key"] key的数据类型为String 
 var username = person.username;
 var name = person["username"];
 var person1 = persons.person[1].username;

3.遍历JSON
语法 :var key in JSON

 for(var key in person){
            alert(key+" :"+person[key]);
        }
        //数组储存数据 使用嵌套循环遍历
for (var i =0;i<persons.person.length;i++){
     for (var key in persons.person[i]){
               alert((key+" :"+persons.person[i][key]));
            }
       }

JSON数据和Java对象的相互转换

使用Jackson核心对象 ObjectMapper来解析
1.将Java对象转换为JSON数据

     Person p= new Person();
        p.setName("张三");
        p.setAge(22);
        p.setGender("男");
        ObjectMapper objectMapper= new ObjectMapper();
        String s = objectMapper.writeValueAsString(p);
        System.out.println(s);
        //打印结果为{"name":"张三","age":22,"gender":"男"}
        //为JSON的data数据存储方式 键值对形式

2.将JSON数据转换为Java对象

 String s1= "{\"name\":\"lisi\",\"age\":23}";
 Person person = objectMapper.readValue(s, Person.class);
 System.out.println(person);//打印toString
发布了2 篇原创文章 · 获赞 0 · 访问量 25
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 游动-白 设计师: 上身试试

分享到微信朋友圈

×

扫一扫,手机浏览