JSON.stringify的使用

最新推荐文章于 2024-06-20 15:00:01 发布
最新推荐文章于 2024-06-20 15:00:01 发布
阅读量2.1k 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/libin_1/article/details/51284920
版权

这里写图片描述

<!DOCTYPE html>
<html>
<head>

<script type="application/javascript" src="js/jquery-2.2.2.min.js"></script>
<title>无标题文档</title>
<script type="application/javascript">


$.fn.serializeObject = function()  
{  
   var o = {};  
   var a = this.serializeArray();  
   $.each(a, function() {  
       if (o[this.name]) {  
           if (!o[this.name].push) {  
               o[this.name] = [o[this.name]];  
           }  
           o[this.name].push(this.value || '');  
       } else {  
           o[this.name] = this.value || '';  
       }  
   });  
   return o;  
};


function onClik(){
   //var data = $("#form1").serializeArray(); //自动将form表单封装成json
//alert(JSON.stringify(data));
   var jsonuserinfo = $('#form1').serializeObject();

alert(JSON.stringify(jsonuserinfo));
}
</script>
</head>


<body>
<form id="form1" name="form1" method="post" action="">
  <p>进货人 :
    <label for="name"></label>
    <input type="text" name="name" id="name" />
  </p>
  <p>性别:
    <label for="sex"></label>
    <select name="sex" size="1" id="sex">
      <option value="1">男</option>
      <option value="2">女</option>
    </select>
  </p>
  <table width="708" border="1">
    <tr>
      <td width="185">商品名</td>
      <td width="205">商品数量</td>
      <td width="296">商品价格</td>
    </tr>
    <tr>
      <td><label for="pro_name"></label>
        <input type="text" name="pro_name" id="pro_name" /></td>
      <td><label for="pro_num"></label>
        <input type="text" name="pro_num" id="pro_num" /></td>
      <td><label for="pro_price"></label>
        <input type="text" name="pro_price" id="pro_price" /></td>
    </tr>
    <tr>
      <td><input type="text" name="pro_name2" id="pro_name2" /></td>
      <td><input type="text" name="pro_num2" id="pro_num2" /></td>
      <td><input type="text" name="pro_price2" id="pro_price2" /></td>
    </tr>
  </table>
  <p> </p>
  <input type="button" name="submit" onclick="onClik();" value="提交"/>
</form>
</body>
</html>

这里写图片描述

 <!doctype html>
<html lang="en">

    <head>
        <meta charset="UTF-8" />
        <title>Document</title>
        <script type="text/javascript">
            var student = new Object();
            student.name = "Lanny";
            student.age = "25";
            student.location = "China";
            var json = JSON.stringify(student);
            alert(json);
        </script>
    </head>

    <body>

    </body>

</html>
最骚的就是你
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
浅谈JSON.stringify()和JOSN.parse()方法的不同
10-21
JSON.stringify() 和 JSON.parse() 是JavaScript中处理JSON数据的关键函数，它们在JSON操作中起着至关重要的作用。本文将深入探讨这两个方法的功能、用法以及它们之间的差异。 首先，我们来看JSON.stringify()方法...
JSON.stringify转换JSON时日期时间不准确的解决方法
10-25
主要介绍了JSON.stringify转换JSON时日期时间不准确的解决方法,即JSON数据中包含日期对象时,在转换时会转换成国际时间,而不是中国的时区,需要的朋友可以参考下
JSON.stringify()
齐枫的博客
09-05 1795
JSON.stringify() 方法将一个  JavaScript 值转换为一个 JSON 字符串，如果指定了一个 replacer 函数，则可以替换值，或者如果指定了一个 replacer 数组，可选地仅包括指定的属性。 语法 JSON.stringify(value[, replacer [, space]]) 参数 value将要序列化成 一个JSON 字符
关于JSON.stringify的坑.......
最新发布
ldy-美少女战士
06-20 151
ps: vue的js中想检测是不是数组要用Array.isArray()方法，如果用typeof检测数组，返回值永远是object。就是转json后给什么转没了，于是就重新定义了一下，就没有报错了。
“简单form表单全代码”引发JSON.stringify()问题
weixin_30823001的博客
10-17 293
JSON.stringify() 语法 JSON.stringify(value[, replacer [, space]]) value 将要序列化成 一个JSON 字符串的值。 replacer 可选 可以为数组或函数 如果为数组：则只有包含在这个数组中的属性名才会被序列化到最终的 JSON 字符串中，replacer作key值（这个在...
JSON.stringify()——08
cyl16688
11-14 160
JSON.stringify() JSON 通常用于与服务端交换数据。 在向服务器发送数据时一般是字符串。 我们可以使用 JSON.stringify() 方法将 JavaScript 对象转换为字符串。 语法 JSON.stringify(value[, replacer[, space]]) 参数说明： value:必需， 要转换的 JavaScript 值（通常为对象或数组）。 replacer: 可选。用于转换结果的函数或数组。 如果 replacer 为函数，则 JSON.stringify 将调
详解如何提升JSON.stringify()的性能
10-16
可以使用第三方库，如`fast-json-stringify`，该库允许你提供对象的结构信息，然后生成一个专门针对该结构的高性能stringify函数。这种方法减少了不必要的运行时计算，从而显著提高性能。 ```javascript import ...
解决JSON.stringify()自动将中文转译成unicode的问题
10-18
下面小编就为大家分享一篇解决JSON.stringify()自动将中文转译成unicode的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
JSON.stringify的三个参数
weixin_34402408的博客
02-20 249
前段时间勾股有提到stringify是支持三个参数，刷新的了我的认知，后来查到文档才发现还真的是支持三个参数的。 参考资料： stringify stringify方法顾名思义，就是把JSON序列换，其语法如下： JSON.stringify(value[, replacer [, space]]) 注意到它接收三个参数，后面2个参数是可选的。 只传一个参数 var data = {name:...
JSON.stringify
cristina_song的博客
12-15 871
var actionType={ 1001:"课程开始", 1002:"上课", 1003:"下课", 1004:"课程结束", 2001:"竞速抢答", 2002:"发题", 3001:"投票", 3002:"语音问答"
JSON.parse(JSON.stringify(this.form))解决el-form验证bug
gjylalaland的博客
08-02 420
当数据对象的属性被读取时，Vue会建立一个依赖关系，将属性与使用了该属性的组件、计算属性等关联起来。这样，当属性的值发生变化时，Vue将会通知所有依赖于该属性的组件，从而触发更新相应的视图。当属性被访问或修改时，Vue能够捕捉到这些操作，并通知相关的组件进行更新，实现数据与视图的自动同步。需要注意的是，深拷贝操作会创建一个新的对象，对于大型表单数据或频繁进行的操作可能会带来一些性能开销。这样，当你在重新验证表单时，Vue会追踪新对象的更改，并正确地验证填写的必填项。，并将新的副本对象重新赋值给。
JSON.stringify 语法实例讲解
weixin_34343000的博客
09-28 49
语法：JSON.stringify(value [, replacer] [, space])value：是必须要的字段。就是你输入的对象，比如数组啊，类啊等等。replacer：这个是可选的。它又分为2种方式，一种是方法，第二种是数组。情况一：我们先说数据，通过我们后面的实验可以知道，它是和第一个有关系的。一般来说，我们系列化后的结果是通过键值对来进行表示的。比如说：name:"la...
JSON.stringify 函数 (JavaScript)
kakaxiD的博客
10-17 488
将 JavaScript 值转换为 JavaScript 对象表示法 (Json) 字符串。 语法JSON.stringify( value [, replacer] [, space])参数value必需。 要转换的 JavaScript 值（通常为对象或数组）。 replacer可选。 用于转换结果的函数或数组。 如果 replacer 为函数，则 JSON.strin
浅谈 JSON.stringify 方法
li123128的博客
03-28 2184
一、前言最近项目中，遇到需要将对象转换成字符串进行传递，上次写过一篇文章关于json字符串转换成json对象，json对象转换成字符串，值转换成字符串，字符串转成值。当时主要是用在有时候处理字符串和json对象之间的转换，写的主要是怎么用，涉及到JSONstringify具体用法没有涉及到，有时候对于一个JSON.stringify自带的方法掌握一下，可能会对于一个问题有更快的解决方案。 二、用法...
JSON.stringify()特征及使用
weixin_38999134的博客
05-25 297
//初始化一个 user 对象 const user = { "name" : "Prateek Singh", "age" : 26 } console.log(user); // 结果 // [object Object] 输出 [object Object]，因为从对象到字符串的默认转换是 [object Object]。因此，我们使用 JSON.stringify() 首先将对象转换成字符串，然后在控制台中打印，如下所示。 const user = { "name" : "Prateek
前端JSON.stringify的使用
07-28
JSON.stringify() 是 JavaScript 中的一个内置方法，用于将 JavaScript 对象转换为 JSON 字符串。它接受一个参数，即要进行转换的对象，并返回一个 JSON 字符串。 使用 JSON.stringify() 的基本语法如下： ``` JSON.stringify(obj, replacer, space) ``` - obj：要进行转换的 JavaScript 对象。 - replacer（可选）：一个函数或数组，用于控制转换过程中哪些属性应该被包含在最终的 JSON 字符串中。如果是函数，则会被调用来对每个属性的值进行转换；如果是数组，则只有数组中包含的属性名才会被转换。 - space（可选）：用于控制生成的 JSON 字符串的缩进和间距的字符串或数字。如果是字符串，则该字符串将用于缩进；如果是数字，则表示缩进的空格数目。 下面是一个简单的示例，演示如何使用 JSON.stringify() 方法： ```javascript const obj = { name: 'John', age: 25, city: 'New York' }; const jsonString = JSON.stringify(obj); console.log(jsonString); // 输出：{"name":"John","age":25,"city":"New York"} ``` 在上面的示例中，对象 `obj` 被转换为了一个 JSON 字符串，然后通过 `console.log()` 打印出来。 需要注意的是，JSON.stringify() 方法不能转换包含函数、循环引用或 undefined 值的对象。在这些情况下，转换过程会忽略相应的属性或将其转换为 null。 希望能帮到你！如果还有其他问题，请继续提问。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值