Ajax向前后台传递json和转换

   

学生管理系统MVC模式设计心得:

 

jquery 的Ajax方法提交数据,但是是多个参数,具体data的格式如下:

data提交的数据类型为:Object 或 String

data数据说明:发送到服务器的数据。如果不是字符串,将会被转换为字符串。

GET请求将会被附加到URL后面。防止自动转换。对象必须为key/value数据格式。

例如:{foo1:"bar1",foo2:"bar2"}转换为 &foo1=bar1&foo2=bar2

如果是数组,JQuery将自动为不同的值类型对应同一个名称。

例如:{foo:["bar1","bar2"]}转换为&foo=bar1&foo=bar2

 

也就是在JQuery中ajax提交data的数据格式为:{x:"x1",x2:"x3"}这种方式,如果有参数传入,格式如下:

get_item_id是外部的参数。

 

 

 

 

Ajax从后台返回前台的数据类型dataType参数:

•”xml”: 返回 XML 文档,可用 jQuery 处理
•”html”: 返回纯文本 HTML 信息;包含的 script 标签会在插入 dom 时执行
•”script”: 返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了 “cache” 参数。
 注意:在远程请求时(不在同一个域下),所有 POST 请求都将转为 GET 请求。(因为将使用 DOM 的 script标签来加载)
 •”json”: 返回 JSON 数据
 •”jsonp”: JSONP 格式。使用 JSONP 形式调用函数时,
 如 “myurl?callback=?” jQuery 将自动替换 ? 为正确的函数名,以执行回调函数
 •”text”: 返回纯文本字符串

 

json的传递:

将java的List类型返回前台时,先将List转换为包含 json对象的JSONArray数组再传回前端

需要的jar包:json-lib-2.4-jdk15.jar 及其依赖包

后台:

前台:

 

Ajax前台向后台传递对象:

将js对象或者json对象转换为json字符串在Ajax传递,在后台中再将json字符串转换为json对象,再转换为java对象

Ajax:

后台解析:

 

 

 

 

 

 

json格式转换:

 

JS对象格式:

json对象:

json字符串格式:

 

 

json对象,js对象,json字符串,java对象之间的常用转换:

 

str=JSON.stringify(obj); json对象转换为json字符串
obj=JSON.parse(str); json字符串转换为json对象

 

一、JSON字符串转化为JSON对象

假设我们有如下 JSON 字符串需要转换为 JSON 对象。

 

  • 使用 eval() 转换时需要在 json 字符外包裹一对小括号。
  • ie8(兼容模式)、ie7、ie6 不要使用此方法。

 

 

 

如果我们项目中有使用 jQuery,那么直接使用 $.parseJSON() 方法即可,而且可以确保各个浏览器的兼容性。

 

 

 

二、JSON对象转化为JSON字符串

假设我们有如下的对象:

 

该方法不支持较老版本的IE浏览器,比如:ie8(兼容模式)、ie7、ie6。

 

运行结果如下:

 

 

 

 

 

1.将json字符串转换java对象

1.将java对象转换json字符串

 

原文链接:https://www.cnblogs.com/wys201161/p/10778859.html

原创文章,作者:优速盾-小U,如若转载,请注明出处:https://www.cdnb.net/bbs/archives/32506

(0)
上一篇 2025年4月7日
下一篇 2025年4月7日

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

优速盾注册领取大礼包www.cdnb.net
/sitemap.xml