js中json.stringify()方法,将js对象转换成字符串,传入服务器

mark5 mark5     2022-12-15     682

关键词:

JSON 通常用于与服务端交换数据。

在向服务器发送数据时一般是字符串。

我们可以使用 JSON.stringify() 方法将 JavaScript 对象转换为字符串。

语法

JSON.stringify(value[, replacer[, space]])

参数说明:

  • value:

    必需, 要转换的 JavaScript 值(通常为对象或数组)。

  • replacer:

    可选。用于转换结果的函数或数组。

    如果 replacer 为函数,则 JSON.stringify 将调用该函数,并传入每个成员的键和值。使用返回值而不是原始值。如果此函数返回 undefined,则排除成员。根对象的键是一个空字符串:""。

    如果 replacer 是一个数组,则仅转换该数组中具有键值的成员。成员的转换顺序与键在数组中的顺序一样。当 value 参数也为数组时,将忽略 replacer 数组。

  • space:

    可选,文本添加缩进、空格和换行符,如果 space 是一个数字,则返回值文本在每个级别缩进指定数目的空格,如果 space 大于 10,则文本缩进 10 个空格。space 也可以使用非数字,如:\t。


JavaScript 对象转换

例如我们向服务器发送以下数据:

var obj = "name":"runoob", "alexa":10000, "site":"www.runoob.com";

我们使用 JSON.stringify() 方法处理以上数据,将其转换为字符串:

var myJSON = JSON.stringify(obj);

myJSON 为字符串。

我们可以将 myJSON 发送到服务器:

实例

var obj = "name":"runoob", "alexa":10000, "site":"www.runoob.com"; var myJSON = JSON.stringify(obj); document.getElementById("demo").innerHTML = myJSON;

尝试一下 »

JavaScript 数组转换

我们也可以将 JavaScript 数组转换为 JSON 字符串:

实例

var arr = [ "Google", "Runoob", "Taobao", "Facebook" ]; var myJSON = JSON.stringify(arr);

myJSON 为字符串。

我们可以将 myJSON 发送到服务器:

实例

var arr = [ "Google", "Runoob", "Taobao", "Facebook" ]; var myJSON = JSON.stringify(arr); document.getElementById("demo").innerHTML = myJSON;

尝试一下 »

异常

解析数据

JSON 不能存储 Date 对象。

JSON.stringify() 会将所有日期转换为字符串。

实例

var obj = "name":"Runoob", "initDate":new Date(), "site":"www.runoob.com"; var myJSON = JSON.stringify(obj); document.getElementById("demo").innerHTML = myJSON;

尝试一下 »

之后你可以再将字符串转换为 Date 对象。


解析函数

JSON 不允许包含函数,JSON.stringify() 会删除 JavaScript 对象的函数,包括 key 和 value。

实例

var obj = "name":"Runoob", "alexa":function () return 10000;, "site":"www.runoob.com"; var myJSON = JSON.stringify(obj); document.getElementById("demo").innerHTML = myJSON;

尝试一下 »

我们可以在执行 JSON.stringify() 函数前将函数转换为字符串来避免以上问题的发生:

实例

var obj = "name":"Runoob", "alexa":function () return 10000;, "site":"www.runoob.com"; obj.alexa = obj.alexa.toString(); var myJSON = JSON.stringify(obj); document.getElementById("demo").innerHTML = myJSON;

尝试一下 »

不建议在 JSON 中使用函数。


浏览器支持

主流浏览器都支持 JSON.stringify() 函数:

    • Firefox 3.5
    • Internet Explorer 8
    • Chrome
    • Opera 10
    • Safari 4

json.stringify()方法的原生js实现

...拼接。可直接在浏览器运行如下代码运行结果本文的JSON.stringify()方法的原生JS实现属于对javascript灵活应用的基本功。实现思路来自于笔者平日的工作与思考的总结。希望大家都能掌握以便在面试中脱颖而出。有需要前端学习资... 查看详情

json.stringify(),json.parse(),tojson()方法使用

JSON.stringify():将value(Object,Array,String,Number...)序列化为JSON字符串JSON.parse():将JSON数据解析为js原生值toJSON(),作为JSON.stringify中第二个参数(函数过滤器)补充,理解内部顺序很重要。假设把一个对象传入JSON.stringify()序列化对象的顺序如... 查看详情

js之json.stringify()使用详解

参考技术A方法定义:JSON.stringify(value,replacer,space)参数说明:value:js对象replacer:替换对象,可以是一个方法、对象或数组,将value按照替换规则展示。space:填充参数,可以是数字或字符串,将value按照参数进行格式化展示。方... 查看详情

json.stringify,json.parse方法

varobj={name:‘zhangsan‘,age:‘18‘};/**js对象--->JSON字符串*JSON.stringify(js对象)--转化为-->JSON字符串**/console.log(obj);//Object{name:"zhangsan",age:"18"}console.log(JSON.stringify(obj));//{"name":"zhangsan 查看详情

js怎么解析geojson格式的

...转化为json。$.parse(),这个方法可以把字符串转成Json。JSON.stringify()方法用于把json转成字符串。js中一般可以直接对json进行操作的,比如一个json对象为:varobj=name:'abd';那么可以直接通过"."来获取对象的属性,obj.name;//a... 查看详情

js/jquery判断一个对象是否为空

一、js判断一个对象是否为空对象1)通过JSON自带的.stringify方法来判断//JSON自带的stringify方法,将json转成json字符串varc={};if(JSON.stringify(c)=="{}"){console.log("是空对象");}2)for...in...遍历属性//forinvara={};varb={foo:‘bar‘};functionaa(a){for 查看详情

js中解析json时候的eval和$.parsejson()的区别以及json.stringify()

1.第一个区别是:安全性    json格式非常受欢迎,而解析json的方式通常用JSON.parse()但是eval()方法也可以解析,这两者之间有什么区别呢?   JSON.parse()之可以解析json格式的数据,并且会对要解析的字符串... 查看详情

如何将请求参数转为json格式

...()方法传递给python。处理:引用一个json2.js文件,调用JSON.stringify()方法。例如:vardata=newObject();varjson_data=JSON.stringify(data);读取:python这里就很简单了,用dict_data=json.loads(json_data)就OK了二、JSON转换成为JS流程:python组装一个dict数据... 查看详情

js对象在sqlite中保存和读取

...表来存储js对象的各个属性及其对应的值。可以使用JSON.stringify()方法将js对象转换为JSON字符串,然后将其存储在SQLite表中的文本类型的列中。当需要从SQLite库中检索对象数据时,可以使用JSON.parse()方法将JSON字符串转换回js对象,... 查看详情

js中json.stringify()与json.parse()与eval()详解及使用案例

JSON(JavaScriptObjectNotation)是一种轻量级的数据交换格式。因为采用独立于语言的文本格式,也使用了类似于C语言家族的习惯,拥有了这些特性使使JSON称为理想的数据交换语言,作用是易于阅读和编写,同时也易于机器解析和生成... 查看详情

浅谈js中的json.stringify()和json.parse()

参考技术A我们知道,JSON.stringify()和JSON.parse()是一对处理JSON数据的方法,前者是将JSON对象序列化为字符串,而后者是将JSON字符串解析为JSON对象。但是你有较为深入地去了解过它们吗?它们分别可以传入几个参数以及每个参数对... 查看详情

js数组使用json.stringify和tostring的区别

js中eval()和$.parseJSON()的区别以及JSON.stringify()1.第一个区别是:安全性json格式非常受欢迎,而解析json的方式通常用JSON.parse()但是eval()方法也可以解析,这两者之间有什么区别呢?JSON.parse()之可以解析json格式的数据,并且会对要解... 查看详情

js传递数组到后台

方法一: 1.使用JSON.stringify将数组对象转化成json字符串;vararray=["1","2"];$.ajax({type:‘POST‘,url:path+‘/check/testPost‘,contentType:"application/json",data:JSON.stringify(array),success:function(data){}});  查看详情

深浅拷贝(代码片段)

1、ES6的扩展运算符:实现深拷贝2、JSON.parse(JSON.stringify(js对象)):实现深拷贝  该方法存在弊端,如果JS对象中存在有时间对象,则JSON.stringify后再JSON.parse的结果,时间将只是字符串的形式。而不是时间对象;vartest=name:‘a‘,da... 查看详情

javascript:如何将json对象转换成json字符串呢

...符串转换成一个json对象。JSON.parse()--字符串转换json、JSON.stringify()--json转换成字符串参考技术A1换回字符串varmyObjectInJSON=myObject.toJSONString();//也没有这个方法varjsonStr=JSON.stringify(obj);varjsonStr=jQuery.stringifyJSON(obj);//没有这个方法,误... 查看详情

json.stringify方法

用过json的应该都知道,把一个对象通过 stringify 之后提交给后台或者存储在 Storage 里是很常用的手段。但是IE6-7下没有JSON对象,所以要借助 json2.js 来实现。今天我们来简单介绍下 stringify 方法的一... 查看详情

使用 JSON.stringify(queryObject) 时来自 mongoose js 的意外行为

】使用JSON.stringify(queryObject)时来自mongoosejs的意外行为【英文标题】:UnexpectedbehaviorfrommongoosejswhenusingJSON.stringify(queryObject)【发布时间】:2021-08-2821:30:08【问题描述】:当我执行JSON.stringify(theKey:\'some\\thing\'时,结果将是:"theKey":"s... 查看详情

解决json.stringify()自动将中文转译成unicode的方法

  最近在工作中,发现在IE8下JSON.stringify()自动将中文转译为unicode编码,原本选择的中文字符,传到后台变为了unicode编码,即u****的形式。查找资料后发现,与标准的JSON.stringify()不同,IE8内置的JSON.stringify()会自动将编码从utf-8... 查看详情