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>
相关推荐
zlinear数据采集卡17 分钟前
D223上位机C#开发实战:从帧解析到波形显示的完整实现
开发语言·arm开发·嵌入式硬件·fpga开发·开源·c#
Poo_Chai31 分钟前
QT emit信号后完整处理流程,包括槽函数响应流程
java·开发语言·数据库
瑞码空间38 分钟前
Java 图形界面(GUI)完整知识点手册
java·开发语言·图形界面·swing
Eloudy1 小时前
ReAct 原理简介
前端·javascript·人工智能·react.js·agent·gpu
小努蛋1 小时前
linux编译openresty异常问题,lua_cjson.c:706:5: 错误: ‘for‘ 循环初始化声明只在 C99 或 C++ 模式下允许
开发语言·lua·openresty
qz_Serene1 小时前
C++:类和对象(上)
开发语言·c++
西安景驰电子2 小时前
《PTP精确时间协议系列》第一篇:从原理到应用,全面解读IEEE 1588
linux·运维·服务器·开发语言·网络·windows·php
ctlover2 小时前
Python文件操作
开发语言·python
luj_17682 小时前
塔防牌:策略与卡牌的智慧碰撞
服务器·c语言·开发语言·经验分享·算法
ZJU_统一阿萨姆2 小时前
【DSH】如何将 DeepSeek Harness 嵌入生产环境?万字解构 DeepSeek Agent Harness 的运行机制与安全边界
前端·javascript·安全