JavaWeb(JSON的使用&AJAX入门)

什么是json？ JSON  对象字符串

        提示：如果在Java代码中需要将一个对象字符串转成一个对象
        需要用到第三方插件（导jar包）

详情：SON:一种与开发语言无关的、轻量级的数据存储格式，全称JavaScript Object Notation，一种数据格式的标准规范，起初来源于JavaScript这门语言，后来随着使用的广泛，几乎每门开发语言都有处理JSON的API。

优点：优点：易于人的阅读和编写，易于程序解析与生产。

JSON事例： 首先一个花括号{}，整个代表一个对象  [{}]:数组对象

        /**
		JSON的编写格式  键值对
		 * {
		 * 	"name":"hhh";
		 * 	"name":"hhh";
		 * 
		 * }
		 * 
		 * [{
		 * 	"name":"hhh";
		 * 	"name":"hhh";
		 * 
		 * }]
		 */

JSON解析的工具

    （1）jackson的使用

《第一种方式》

        Person p = new Person("哈哈哈","男",18);
		//实例化一个对象
		ObjectMapper om = new ObjectMapper();
		String wv = om.writeValueAsString(p);
		System.out.println(wv);

《第二种方式》

        Map<String, Object> maps = new HashMap<String, Object>();
		for (int i = 0; i < 5; i++) {
			maps.put("t280"+i, new Person("admin"+i,"男",20));
		}
		
		String wv3 = om.writeValueAsString(maps);
		System.out.println(wv3);
	
		String js2 = "{\"page\":18,\"pname\":\"哈哈哈\",\"psex\":\"男\"}";
		
		Person p3 = om.readValue(js2.getBytes(),p.getClass());
		System.out.println((p3.getPname()));

《第三种方式》

        List<Person> ls = new ArrayList<Person>();
		for (int i = 0; i < 5; i++) {
			ls.add(new Person("admin"+i,"女",18));
		}
		
		String wv2 = om.writeValueAsString(ls);
		System.out.println(wv2);

 

 fastjson的使用

        需要导包

        //实例化一个Person
		Person p = new Person("哈哈哈","男",18);

		//将p转换成一个满足JSON定义格式字符串
		String js = JSON.toJSONString(p);
		System.out.println(js);
		
		String js2 = "{\"page\":18,\"pname\":\"哈哈哈\",\"psex\":\"男\"}";
		Person p2 = JSON.parseObject(js2, Person.class);
		System.out.println(p2.getPname());

《如图所示》 

 

什么是Ajax?（多门技术的统称）例如：HTML  css  js  xml  json

 只刷新局部页面的技术

       

JavaScript：更新局部的网页

XML：一般用于请求数据和响应数据的封装

XMLHttpRequest对象：发送请求到服务器并获得返回结果（AJAX技术的核心）

CSS：美化页面样式

异步：发送请求后不等返回结果，由回调函数处理结果

通过 HTTP 请求加载远程数据

$.ajax()

常用参数	说    明
url	一个用来包含发送请求的URL字符串(请求地址)
type	请求方式 (“POST” 或 “GET“[默认])
data	发送到服务器的数据(参数)
dataType	预期服务器返回的数据类型(xml、json、text)
success(data)	请求成功的回调函数
error	请求失败的回调函数

通过远程 HTTP POST 请求载入信息。

这是一个简单的 POST 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数，请使用 $.ajax

$.post()

常用参数	说    明
url	一个用来包含发送请求的URL字符串(请求地址)
data	发送到服务器的数据(参数)  key/value
success(data)	请求成功的回调函数
type	返回内容格式(xml、json、text等)

通过CDN远程服务加载jquery库（如图所示）