为啥用ajax传递json数据,json的属性是用中括号的而不是点号?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了为啥用ajax传递json数据,json的属性是用中括号的而不是点号?相关的知识,希望对你有一定的参考价值。

你这种实体下只有属性的单层应该没什么问题吧。

如果是实体下嵌套一个实体可以写个函数转换一下。

function recursion(obj, prefix) 
    let data = ;
    for (var key in obj) 
        if (typeof obj[key] == 'object') 
            Object.assign(data, recursion(obj[key], key));
         else 
            if (prefix) 
                data[prefix + "." + key] = obj[key];
             else 
                data[key] = obj[key];
            
        
    
    return data;

用法:

var obj = ;
obj.age = 18;
obj.name = "小明";
obj.children = ;
obj.children.age = 6;
obj.children.name = "小文";
var data = recursion(obj);
console.log(data);

打印出来数据会有:

    age: 18

    children.age: 6

    children.name: "小文"

    name: "小明"

Ajax 传参时直接把data传进去, 后台就用一个实体接收即可.

参考技术A 这个只是个显示方式,表示entity里面的对象,json数据中不会是这样的,真的格式是entity:regionname:"大师傅",unitype:"1"这样的

Ajax - 使用Ajax传递Json数据

6.JSON

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。在使用Ajax时,我们经常会使用JSON来传递数据。本小节,将重点学习JSON对象、JSON数组以及如何在Ajax中传递JSON数据。

6.1JSON简介  

(1)定义JSON对象和JSON数组

JSON对象

a.定义JSON对象

语法:

JavaScript中,JSON对象是用大括号括起来,包含了多组属性。每个属性名和属性值之间用冒号隔开,多个属性之间用逗号隔开,并且属性名必须是字符串,如下:

Ajax - 使用Ajax传递Json数据


b.使用JSON对象

可以通过JSON对象名.key”获取对应的value值,如下:

json.jsp

Ajax - 使用Ajax传递Json数据

运行结果如图所示。

Ajax - 使用Ajax传递Json数据

 运行结果

JSON数组

a.定义JSON数组

语法:

Ajax - 使用Ajax传递Json数据

  在JavaScript中,JSON数组是用中括号括起来,包含了多个JSON对象,多个对象之间用逗号隔开,如下:

Ajax - 使用Ajax传递Json数据


b.使用JSON数组

可以通过JSON对象名[索引].key”获取对应的value值,如下:

Ajax - 使用Ajax传递Json数据


运行结果如图所示。

Ajax - 使用Ajax传递Json数据

 运行结果

6.2 AJAX使用JSON传递数据  

使用jQuery实现AJAX时,客户端可以使用$.getJSON()向服务器端发送JSON格式的数据,服务器端也可以向客户端返回JSON格式的数据。

语法:

Ajax - 使用Ajax传递Json数据

示例:

客户端:json.jsp

Ajax - 使用Ajax传递Json数据


服务器端:MobileJSONServlet.java

Ajax - 使用Ajax传递Json数据

客户端使用$.getJSON向服务器端MobileJSONServlet发送JSON数据{mobileNum: $mobile}服务器端接收到mobileNum的值后再以JSON对象的格式返回给客户端,如{"msg":"绑定成功!"}。最后,客户端再解析服务器端返回的JSON值,如result.msg

上述的服务器端代码MobileJSONServlet中,是通过字符串拼接的形式向客户端返回了JSON形式的结果,如{"msg":"绑定成功!"}。除此之外,我们还可以在服务器端中使用JSONObject类来产生JSON对象,并返回给客户端,如下:


客户端:json.jsp

Ajax - 使用Ajax传递Json数据


服务器端:在使用JSONObject之前,需要给项目导入以下JAR文件,如表所示:

JSONObjectServlet.java

 客户端通过$.getJSON()向服务器端JSONObjectServlet发送请求,并传递JSON格式的数据{name:stuName,age:stuAge}。服务器端将客户端的数据接收后封装到Student对象之中,之后再将Student对象加入到JSONObject对象之中,并把JSONObject对象返回给客户端。最后,客户端通过回调函数的参数result接收到JSONObject对象,并通过eval(result.stu)JSONObject对象之中的stu转义成JSON字符串格式,再用student.name等拿到需要使用的值。


以上是关于为啥用ajax传递json数据,json的属性是用中括号的而不是点号?的主要内容,如果未能解决你的问题,请参考以下文章

ajax中如何把传递过来的json数据循环遍历出

为啥ajax请求json数据,在IE浏览器里面不能正常显示?

后台怎么获取ajax传递过来的json数组

前端Ajax传递Json数据,后端处理两种方式

ajax 使用POST方法传的数据服务端怎么接

请问为啥AJAX在传输数据的时候要使用JSON格式?有啥好处吗?别说规定啊 我想知道原理。