位置:电子教程 > Uni-app入门到精通教程 (如果看不到内容请使用360浏览器) 推荐学习资源
前言
第1章 uni-app入门
2.1.1 应用生命周期
2.2 路由
2.3 运行环境判断
2.4 页面样式与布局
2.5 template 和 block
2.7 NPM支持
2.8 TypeScript 支持
2.9 小程序组件支持
2.10 WXS
3.1 配置概要
3.2 配置项列表 pages.json
3.3 manifest.json 配置项列表
3.4 package.json
3.5 vue-config.js
3.6 uni.scss
3.7 App.vue 3.7.1 应用生命周期
3.8 main.js
4.1 JSON 简介
4.2 JSON 语法
4.3 JSON 对象
4.4 JSON 数组
4.5 JSON.parse()
4.6 JSON.stringify()转字符串
4.7 eval函数
5.1uni-app常用语法
5.2 uni-app接口的使用
5.3 uni-app中表单的使用
5.4 uni-app中参数的使用
第6章 uni-app常用组件
当前阅读教程: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 对象转换

例如我们向服务器发送以下数据,代码示例

小白教程网www.2d5.net

如下:

var obj = { "name":"2d5", "alexa":10000, "site":"www.2d5.net"};

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

小白教程网www.2d5.net

如下:

var myJSON = JSON.stringify(obj);

myJSON 为字符串。

我们可以将 myJSON 发送到服务器,示例

小白教程网www.2d5.net

代码如下:

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 字符串。

示例

小白教程网www.2d5.net

代码如下:

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

myJSON 为字符串。

我们可以将 myJSON 发送到服务器,示例

小白教程网www.2d5.net

代码如下:

var arr = [ "Google", "2d5", "Taobao", "Facebook" ]; v

ar myJSON = JSON.stringify(arr);

document.getElementById("demo").innerHTML = myJSON;

综合案例示例

小白教程网www.2d5.net

代码如下:

<!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


image.png

【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)毕业设计网

http://www.pc-365.net


(5)小程序编程网

http://www.4317.org


(6)计算机编程网

http://www.05423.com



上一篇: 4.5 JSON.parse() 下一篇: 4.7 eval函数
计算机毕业设计作品网      毕业设计文档网      小程序教程网       毕业设计资料网  |         毕业设计定制QQ:45157718(微信同号)(备注:毕设)