JSON对象和字符串的收发(JS客户端用typeof()进行判断非常重要)

Ajax前台向后台传递对象：

数据准备

将js对象或者json对象转换为json字符串在Ajax传递，在后台中再将json字符串转换为json对象，再转换为java对象或在前端和后端构造一样的数据结构，直接用application/json内容体发送。

 1 var student={

 2     name:"abc",

 3     age:12,

 4     no:"123"

 5 };

 6

 7     console.log(student);

 8     //将js对象转换为json字符串通过ajax传递，在后台中再将json字符串转换为json对象再转换为java对象

 9

10     student = JSON.stringify(student);

Ajax:前端发送

 1 $.ajax({

 2         url : url,

 3         type : "POST",

 4         data : {

 5                 sendData:"传递下面的json字符串",

 6                 jsonStr: student

 7                 },

 8         async : isAsync,

 9         dataType:data_type,

10         beforeSend : beforeSendFun,

11         success : function(return_data) {

12             successFun(return_data);

13         },

14         error : function(XMLHttpRequest, textStatus, errorThrown) {

15             alert("请求处理失败");

16         }

17     });

后台解析：

String sendData = request.getParameter("sendData");

if (sendData.equals("传递下面json字符串")){

String jsonStr = request.getParameter("jsonStr");

JSONObject student_json= new JSONObject().fromObject(jsonStr);//将json字符串转换为json对象

Student student = (Student)JSONObject.toBean(student_json,Student.class);//再将json对象转换为Student对象

}

(1)发端是对象var abc = new { name = "菜鸟教程", site = "http://www.runoob.com" };JSON（abc）

console.log(ds);

console.log(typeof (ds));object
console.log(ds.name);菜鸟教程

Objectname: "菜鸟教程"site: "http://www.runoob.com"__proto__: Object
ThemeList.js:24 {"name":"菜鸟教程","site":"http://www.runoob.com"}
ThemeList.js:27 "{\"name\":\"菜鸟教程\",\"site\":\"http://www.runoob.com\"}"
ThemeList.js:28 "\"{\\\"name\\\":\\\"菜鸟教程\\\",\\\"site\\\":\\\"http://www.runoob.com\\\"}\""

（2）发端是字符串 string abc= "{\"name\":\"菜鸟教程\",\"site\":\"http://www.runoob.com\"}";JSON（abc）

var mm=JSON.parse("\"{\\\"name\\\":\\\"菜鸟教程\\\",\\\"site\\\":\\\"http://www.runoob.com\\\"}\"")
console.log(typeof (mm));string
var ll = JSON.parse(mm);object
console.log(ll.name);菜鸟教程

巴特西

JSON对象和字符串的收发(JS客户端用typeof()进行判断非常重要)

最新文章

热门文章