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>
相关推荐
多加点辣也没关系15 分钟前
JavaScript|第24章:事件循环与并发模型
开发语言·javascript·ecmascript
ん贤35 分钟前
怎么设计,才算一个优秀审计模块
大数据·开发语言·设计·审计
l1t41 分钟前
测试用rust重写的postgresql: pgrust
开发语言·postgresql·rust
2501_9481069144 分钟前
计算机毕业设计之jsp-智慧旅游分享平台
java·开发语言·spark·汽车·课程设计·旅游
阿里云云原生1 小时前
Agent 不再是“玩具”!AgentScope Java 2.0 GA 发布:构建企业级分布式智能体底座
java·开发语言·分布式·agentscope
BIM云平台开发1 小时前
【App.vue里跟踪页面跳转和用户ID】
开发语言·前端·javascript
NiceCloud喜云1 小时前
ClaudeAPI 接入 n8n / Dify / Open WebUI 实战:Base URL 配置、调用示例与排错
开发语言·ai·chatgpt·aigc
庵中十三居士1 小时前
【纯AI无人工修改】AI Agent从0到1实战:50行Python手写核心循环,一次看懂所有Agent框架的底层逻辑
开发语言·人工智能·python
甄同学2 小时前
第二十篇:MCP协议集成,Claude Code如何扩展AI Agent的能力边界
开发语言·人工智能·qt
云空2 小时前
《Three.js 完整版3D魔方:带贴纸+中心固定+自动求解复原》
前端·javascript·3d·three.js