码迷,mamicode.com
首页 > 编程语言 > 详细

JavaWeb之Ajax和Json篇

时间:2020-03-12 23:21:53      阅读:76      评论:0      收藏:0      [点我收藏+]

标签:ota   方法   自己   write   值类型   响应   保存   表示   pat   

JQeury实现Ajax

    1  $.ajax({  

url:"请求路径",  请求路径

type:"POST",  请求方式

data:{"key0":"value0", "key1":"value1" },  请求参数

success:function (data){

  alert ( data );

},              //响应成功后得回调函数

error:function(data){

  alert("错误")

},              //如果响应出现错误,会执行得回调函数

dataType:"text"        //设置接收到的响应数据的格式

)};

 

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

url:请求路径  

data:请求参数  {k:v}

callback:回调函数  function(){}

type:响应结果的类型

$.get("请求url",  {" key ": "value"},  function(data){

  alert(data);  

},  "text")

 

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

url:请求路径  

data:请求参数  {k:v}

callback:回调函数  function(){}

type:响应结果的类型

$.post("请求url",  {" key ": "value"},  function(data){

  alert(data);  

},  "text")

 

Json:  JavaScript Object Notation   JavaScript 对象表示 

基本规则: 数据在名称/值对中  json数据是由键值对构成

  键用引号/不用引号

  值的取值类型:

    数字  字符串  逻辑值(true/false)  数组  对象  null

  数据由逗号分隔  多个键值对由逗号分隔

    花括号保存对象  使用{}定义json格式

    方括号保存数组  【】

  获取数据

    json对象.键名

    json对象["键名"]

    数组对象[索引]

    遍历

 

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

  Json解析器:  Jsonlib  Gson  fastjson  jackson

  Java对象转换成Json

导入jackson的jar包

创建Jsonkson核心对象  ObjectMapper

调用ObjectMapper的方法进行转换

  方式1:  writeValue(参数1,  obj):

    参数1可以是以下类型:

      File:  将Obj对象转换成json字符串,并保存到指定的文件中

      Writer:  将Obj对象转换成json字符串,并将json数据填充到字符输出流中

      OutputStream:  将Obj对象转换成json字符串,并将json数据填充到字节输出流中

    writerValueAsString(obj):  将对象转为json字符串

  方式2:   注解:

    @JsonIgnore  排除属性

    @JsonFormat  将属性值格式化

      如:@JsonFormat(pattern = "yyyy-MM-dd")

  方式3:  复杂java对象转换

    List  数组

    Map  对象

 

扩展:

服务器响应的数据,在客户端使用时,要想当做json数据格式使用?

方式1:  在$.get(type):将最后一个参数type指定为"json"

方式2:  在服务器端设置MIME类型

    response.setContentType("application/json;charset=utf-8");

 

 

读书,为了让自己保持学习的习惯,有将知识变成成长动力和养分的能力。

    

  别抱怨读书苦,那是你去看世界的路

 

JavaWeb之Ajax和Json篇

标签:ota   方法   自己   write   值类型   响应   保存   表示   pat   

原文地址:https://www.cnblogs.com/zxh06820/p/12483521.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!