Json笔记(狂神 1h)

Ajax和Json(前端)

需要掌握的知识

• SpringMVC
  • Controller
  • springmvx配置文件
  • web.xml
• JavaScript
  • 引入javaScript, < script>
  • 函数
• 选择器
  • 标签选择器
  • 类选择器
  • id选择器#
• jQuery公式
  • ${选择器}.事件(参数)
  • $(select).action(…)

Web 1.0时代

登录，如果失败，需要刷新页面，才能重新登录；不点击提交按钮，就不知道自己密码输错了；

现在大多数的网站，都是局部刷新，不刷新整个页面的情况下，实现页面更新;

注册的时候，发现手机已经注册过了，但是你只是输入了，没有提交，然后他就提示了。

Web2.0时代，最重要的一个因数就是Ajax。

JSON (JavaScript Object Notation, JS对象标记)

1.概念

是一种轻量级的数据交换格式，目前使用特别广泛。在JS语言中，一切都是对象。因此，任何JS支持的类型都可以通过JSON来表示，例如字符串，数字，对象，数组等。 在前后端分离项目，数据交互显得异常重要，这也抬高了JSON的地位。

2.要求和语法格式

• 对象表示为键值对
• 数据由逗号分隔
• 花括号保存对象
• 方括号保存数组

JSON键值对是用来保存JS对象的一种方式，和JS对象的写法也大同小异，键/值对组合中的键名写在前面用双引号""包裹，使用冒号:分隔，然后紧接着值:

{"name":v "QinJiang"}
{"age": "3"}
{"sex": "男"}

很多人搞不清楚JSON和Js 对象的关系，甚至连谁是谁都不清楚。其实，可以这么理解
JSON 是JS对象的字符串表示法，它使用文本表示一个JS 对象的信息，本质是一个字符串。

var obj = {a: 'Hello', b: 'World'}; //这是一个对象，注意键名也是可以使用引号包裹的
var json = '{"a": "Hello", "b": "World"}'；//这是一个JSON字符串，本质是一个字符串

3.JSON与js对象互转

要实现从JSON字符串转换为JS对象，使用JSON.parseO方法:

var obj = JSON.parse('{"a": "Hello", "b": "World"}'); / /结果是 {a: 'Hello', b: 'World'}

要实现从JS对象转换为JSON字符串，使用JSON.stringifyO方法：

var json = JSON.stringify({a: 'Hello', b: 'World'}); / /结果是 '{"a": "Hello",  "b": "World"}"

@Controller
public class Usercontroller {
    @RequestMapping("/json1");
    
    //思考问题，我们正常返回他会走视图解析器，而json需要返回的是一个字符串;
    //市面上有很多的第三方jar包可以实现这个功能，jackson。只需要一个简单的注解就可以实现了;
    //@ResponseBody，将服务器端返回的对象转换为json对象响应回去;
    
    @ResponseBody
    public String json1() throws JsonProcessingException {
        
        //需要一个jackson的对象映射器，就是一个类，使用它可以直接将对象转换为json字符串;
         ObjectMapper mapper = new objectMapper();

        //创建一个对象
        User user = new User( name:"秦疆1号",age:1, sex:"男");
        System.out.println(user);

        //将Java对象转换为json字符串;
        String str = mapper.writevalueAsString(user);
        System.out.println(str);

        return str；//由于使用了@ResponseBody注解，这里会将str以json格式的字符串返回，十分方便;
    }
    
    //发现一个问题，乱码了，怎么解决？给@RequestMapping加一个属性
    //发现出现了乱码问题，我们需要设置一下他的编码格式为utf-8，以及它返回的类型；
    //通过@RequestMaping的produces属性来实现，修改下代码
    @RequestMapping(value = "/json1",produces = "application/json;charset=utf-8")
    @ResponseBody
    public String json2() throws JsonProcessingException {
        User user = new User（name:"秦疆1号"，age:1,sex:"男");
        return new objectMapper().writeValueAsString(user);
    }
    
}

上一种方法比较麻烦，如果项目中有许多请求则每一个都要添加，可以通过Spring配置统一指定，这样就不用
每次都去处理了！

<mvc:annotation-driven>
	<mvc:message-converters register-defaults="true">
		<bean class="org.springframework.http.converter.StringHttpMessageConverter">
			<constructor-arg value="uTF-8"/>
		</bean>
		<bean class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter">
	<property name="objectMapper">
		<bean class="org.springframework.http.converter.json.Jackson20bjectMapperFactoryBean">
	<property name="failonEmptyBeans" value="false"/>
		</bean>
</property>
		</bean>
	</mvc:message-converters>
</mvc:annotation-driven>

@RequestMapping(value = "/json3")
@ResponseBody
public String json3() throws JsonProcessingException {
    List<User> list = new ArrayList<>();
    User user1 = new User (name:"秦疆1号",age:1,sex:"男");
    User user2 = new User (name:"秦疆2号"，age:1，sex:"男");
    User user3 = new User (name:"秦疆3号",age:1, sex:"男");
    User user4 = new User (name:"秦疆4号"，age:1，sex:"男");
    list.add(user1);
    list.add(user2);
    list.add(user3);
    list.add(user4);
    return new objectMapper().writevalueAsString(list);
}

@RequestMapping(value = "/time1")
@ResponseBody
public String json4() throws JsonProcessingException {
    Date date = new Date();
    System.out.println(date);
    // 发现问题: 时间默认返回的json字符串变成了时间戳的格式: 1564711481926 Timestamp。
    return new ObjectMapper().writevalueAsString(date);
}


@RequestMapping(value = "/time2")
@ResponseBody
    public String json5() throws JsonProcessingException {
        ObjectMapper mapper = new ObjectMapper();
        //1.如何让他不返回时间戳！所以我们要关闭它的时间戳功能
        mapper.configure(SerializationFeature.WRITE_DATES_AS_TIMESTAMPs, state: false) ;
        //2.时间格式化问题！自定日期格式对象；
        SimpleDateFormat sdf = new SimpleDateFormat( pattern: "yyyy-MM-dd HH:mm:ss") ;
        //3.让mapper指定时间日期格式为simpleDateFormat；
        mapper.setDateFormat(sdf);
        //写一个日期对象
        Date date = new Date();
        return mapper.writevalueAsString(date);
    }

public class JsonUtils {
    public static String getJson(object object) {
        return getJson(object, dateFormat:"yyyy-MM-dd HH:mm:ss");
	}
    public static String getJson(object object,String dateFormat){
        ObjectMapper mapper = new ObjectMapper();
        //1。如何让他不返回时间戳！所以我们要关闭它的时间戳功能
        mapper.configure(SerializationFeature.WRITE_DATES_AS_TIMESTAMPS, state: false);
        //2。时间格式化问题！自定日期格式对象；
        SimpleDateFormat sdf = new SimpleDateFormat(dateFormat);
        //3.让mapper指定时间日期格式为simpleDateFormat;
        mapper.setDateFormat(sdf);
        try {
        return mapper.writeValueAsString(object);
        } catch (JsonProcessingException e) {
        	e.printStackTrace();
        }
        return null;
    }
}

//发现问题，重复代码太多，给它编写一个工具类；
@RequestMapping(value = "/time3")
@ResponseBody
public String json6(）throws JsonProcessingException {
	return Jsonutils.getJson(new Date());
}