浅谈JSON数据

本文探讨了JSON数据的格式规范,强调了在前端使用JSON.stringify()与后端使用JSON.parse()进行数据交换的过程。重点指出JSON数据中字符串、Number、null、boolean等类型的处理规则,以及对undefined、函数、RegExp、NaN、日期对象和循环引用的特殊处理。同时,提到了JSON在数据传递、数据库交互及文件导出等场景的应用,并与其他数据格式如XML和YAML进行了对比。
摘要由CSDN通过智能技术生成

文章目录

浅度分析JSON数据,因为JSON数据是最重要的前后端数据交互格式之一,但在使用的过程中,你是否出现过某些字段找不到之类的问题,因为JSON格式太过严格,所以会导致一系列我们认为的“坑”



JSON数据的真实面貌,毋庸置疑就是严格的遵守key:value的格式
一个大对象,包裹着key:value就是JSON

{
   
  KEY:VALUE
}
  1. 在前端一般使用JSON.stringify(obj)函数来把数据转换成字符串,然后传给后端。如果你使用的是Nodejs后端则用JSON.parse(obj)就完成了前后端数据的交流,同样后端给前端返回JSON数据的时候也同理。其他语言也类似的对JSON数据进行转换
  2. 但是他也有很多规矩,在用JS做开发的时候,要注意JSON数据以下事项。不然达不到你想要的数据
  3. 先看代码和结果(建议直接看下面图片结果分析)

代码展示

    var a = {
   
        name:'张三',
        foo:{
   
            name:"张三1",
            fun:function(){
   
                console.log(a);
            },
            
  • 12
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 12
    评论
您好,关于 layui 数据表格的请求传参,一般可以通过以下两种方式实现: 1. 在前端页面的 JS 代码中,使用 Ajax 请求获取数据,并将请求参数作为数据传递到后台接口,后台接口根据参数进行数据查询和处理,并返回结果给前端页面进行显示。 2. 在 layui 数据表格的配置项中,配置接口 URL 和请求参数,当数据表格需要获取数据时,会自动向后台接口发送请求,并将请求参数作为参数传递到后台接口,后台接口根据参数进行数据查询和处理,并返回结果给 layui 数据表格进行显示。 对于第一种方式,可以参考以下代码: ```javascript // 前端 JS 代码 layui.use('table', function(){ var table = layui.table; // 监听搜索按钮的点击事件 $('#searchBtn').click(function(){ // 获取搜索框的值 var keyword = $('#keyword').val(); // 发送 Ajax 请求获取数据 $.ajax({ url: '/api/tableData', type: 'GET', data: { keyword: keyword }, success: function(res){ // 将数据绑定到 layui 数据表格中 table.render({ elem: '#data-table', data: res.data // 其他配置项 }); } }); }); }); // 后台接口代码 app.get('/api/tableData', function(req, res){ // 获取请求参数 var keyword = req.query.keyword; // 根据参数查询数据 var data = getDataByKeyword(keyword); // 返回数据前端页面 res.json({ code: 0, msg: '', data: data }); }); ``` 对于第二种方式,可以参考以下代码: ```javascript // 前端 JS 代码 layui.use('table', function(){ var table = layui.table; // 渲染 layui 数据表格 table.render({ elem: '#data-table', url: '/api/tableData', where: { keyword: '' } // 其他配置项 }); // 监听搜索按钮的点击事件 $('#searchBtn').click(function(){ // 获取搜索框的值 var keyword = $('#keyword').val(); // 设置请求参数 table.reload('data-table', { where: { keyword: keyword } }); }); }); // 后台接口代码 app.get('/api/tableData', function(req, res){ // 获取请求参数 var keyword = req.query.keyword; // 根据参数查询数据 var data = getDataByKeyword(keyword); // 返回数据给 layui 数据表格 res.json({ code: 0, msg: '', count: data.length, data: data }); }); ``` 以上代码仅供参考,具体实现方式可以根据项目需求进行调整。
评论 12
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值