js将object整个实体对象作为参数传递

①将object实体转化成json字符串传递: JSON.stringify(obj)

②将json字符串转化成JSON对象值:JSON.parse(json)


实际应用:

javascript 复制代码
<div id="div_notice" style='font-size:14px; width:100%; height:200px; overflow-y:auto;'></div>

<script>
 $(function () {
     //初始化
     notice();
     //定时刷新
     setInterval(function () {
         notice();
     }, 30 * 1000);//30秒
 });              

//获取notice
 function notice() {
     $("#div_notice").empty();
     $.ajax({
         async: false,
         type: "POST",
         url: "/WorkNotice/GetWorkNoticeList",
         data: {},
         success: function (result) {
             //console.log(result.data);
             for (var i = 0; i < result.data.length; i++) {
                 //①将object实体转化成json字符串传递: JSON.stringify(obj)
                 var html = `<a onclick=notice_click('` + JSON.stringify(result.data[i]) +`')>` + result.data[i]["MESSAGE"] + ` ` + result.data[i]["CREATED_TIME"] + `</a><br>`;                                    
                 $("#div_notice").append(html);
             }
         }
     });
 }

 //点击notice
 function notice_click(json) {                                 
     console.log(json);
     //②将json字符串转化成JSON对象值:JSON.parse(json)
     var obj = JSON.parse(json);
     if (obj) {
         var href = obj.HREF;
         $.ajax({
             async: false,
             type: "POST",
             url: "/WorkNotice/WorkNoticeClick",
             data: {
                 "USER_ID": obj.USER_ID,
                 "COMPANY_UUID": obj.COMPANY_UUID,
                 "ACCOUNTID": obj.ACCOUNTID,
                 "TYPE": obj.TYPE,
                 "BILLCODE": obj.BILLCODE,
             },
             success: function (result) {
                 //console.log(result.data);
                 window.location.href = href;
             }
         });
     }
 }


</script>
相关推荐
天才熊猫君几秒前
配置与数据分离:一种可视化搭建的属性编辑方案
前端·javascript
林希_Rachel_傻希希11 分钟前
web性能之相关路径——AI总结
前端·javascript·面试
不好听61314 分钟前
从零搭建一个 RAG 语义搜索系统 —— DEMO的初始阶段
javascript·面试·llm
何时梦醒17 分钟前
上下文工程(Context Engineering):AI 应用开发的新范式 —— 从理论到实战全解析
javascript
竹林81818 分钟前
用 wagmi v2 踩坑两天,我终于搞懂了多链钱包切换在 DeFi 前端中的正确姿势
前端·javascript
用户21366100357221 分钟前
Vue项目搜索功能与面包屑导航
前端·javascript
阿黎梨梨1 小时前
揭秘大语言模型的底层逻辑:从文本分词到高维向量的计算之旅
javascript·人工智能
天平10 小时前
油猴脚本创建webworker踩坑记录
前端·javascript·typescript
山河木马16 小时前
渲染管线-计算得到gl_Position(顶点着色器)之后续GPU流程
javascript·webgl·图形学
竹林81816 小时前
用 The Graph 查询链上数据实战:从手搓 RPC 到 Subgraph,我的 NFT 项目数据加载快了 10 倍
前端·javascript