 |
位置：电子教程 > Uni-app入门到精通教程 (如果看不到内容请使用360浏览器) | 推荐学习资源 |
|
位置：电子教程 > Uni-app入门到精通教程 (如果看不到内容请使用360浏览器) | 推荐学习资源 |
| 当前阅读教程：Uni-app入门到精通教程 > 4.6 JSON.stringify()转字符串 | |
| 阅读(22555525) 收藏 赞(5685) 分享 | |
| 上一篇： 4.5 JSON.parse() | 下一篇： 4.7 eval函数 |
4.6 JSON.stringify()转字符串本节主要讲解通用JSON函数，JSON转字符串函数（JSON.stringify）的使用。 4.6.1 JSON.stringify()语法JSON 通常用于与服务端交换数据。 在向服务器发送数据时一般是字符串。 我们可以使用 JSON.stringify() 方法将 JavaScript 对象转换为字符串。 语法JSON.stringify(value[, replacer[, space]]) 参数说明：n value：必需， 一个有效的 JSON 对象。 n Replacer：可选。用于转换结果的函数或数组。如果 replacer 为函数，则 JSON.stringify 将调用该函数，并传入每个成员的键和值。使用返回值而不是原始值。如果此函数返回 undefined，则排除成员。根对象的键是一个空字符串：""。如果 replacer 是一个数组，则仅转换该数组中具有键值的成员。成员的转换顺序与键在数组中的顺序一样。当 value 参数也为数组时，将忽略 replacer 数组。 n Space：可选，文本添加缩进、空格和换行符，如果 space 是一个数字，则返回值文本在每个级别缩进指定数目的空格，如果 space 大于 10，则文本缩进 10 个空格。space 有可以使用非数字，如： 。 4.6.2 JavaScript 对象转换例如我们向服务器发送以下数据，代码示例如下： var obj = { "name":"2d5", "alexa":10000, "site":"www.2d5.net"}; 我们使用 JSON.stringify() 方法处理以上数据，将其转换为字符串，代码示例如下： var myJSON = JSON.stringify(obj); myJSON 为字符串。 我们可以将 myJSON 发送到服务器，示例代码如下： var obj = { "name":"2d5", "alexa":10000, "site":"www.2d5.net"}; var myJSON = JSON.stringify(obj); document.getElementById("demo").innerHTML = myJSON; 4.6.3 JavaScript 数组转换我们也可以将 JavaScript 数组转换为 JSON 字符串。 示例代码如下： var arr = [ "Google", "2d5", "Taobao", "Facebook" ]; var myJSON = JSON.stringify(arr); myJSON 为字符串。 我们可以将 myJSON 发送到服务器，示例代码如下： var arr = [ "Google", "2d5", "Taobao", "Facebook" ]; v ar myJSON = JSON.stringify(arr); document.getElementById("demo").innerHTML = myJSON; 综合案例示例代码如下： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> </head> <body>
<h2> json转字符串</h2>
<div id="demo01"></div> <div id="demo02"></div>
<script type="text/javascript"> var obj1={"xing":"黄","ming":"菊华"}; var obj2=["黄","菊","华"];
var j1=JSON.stringify(obj1) document.getElementById("demo01").innerHTML = j1;
var j2=JSON.stringify(obj2) document.getElementById("demo02").innerHTML = j2;
</script>
</body> </html> 效果如图8-14。
【uniapp参考资料】 （1）uni-app跨平台开发 入门到实战 https://ke.qq.com/course/package/26512 （2）uni-app 完整商城界面设计实战 https://ke.qq.com/course/2381059 （3）基于vue的uniapp商城完整项目源代码 https://ke.qq.com/course/3064977 （4）毕业设计网 （5）小程序编程网 （6）计算机编程网 |
|
| 上一篇： 4.5 JSON.parse() | 下一篇： 4.7 eval函数 |
