javacript onclick事件中传递对象参数

最新推荐文章于 2023-05-09 09:52:05 发布

aiman5818

最新推荐文章于 2023-05-09 09:52:05 发布

阅读量125

点赞数

CC 4.0 BY-SA版权

文章标签： json

原文链接：http://www.cnblogs.com/zhangpengshou/p/6892304.html

本文探讨了在JavaScript中如何将JSON对象转换为可用于DOM操作的字符串格式，通过实例展示了两种不同的方法及其结果区别。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var user = {id:1, name:'zs', age:20};

var ele = '<a onclick="edit(' + JSON.stringify(user).replace(/"/g, '"') + ');">修改</a>';

或者

var ele = '<a onclick="edit(\'' + JSON.stringify(user).replace(/"/g, '"') + '\');">修改</a>';

前者取到的是json对象，后者取到的是json字符串。

转载于:https://www.cnblogs.com/zhangpengshou/p/6892304.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

aiman5818

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

JavaScript中onclick事件传递数组参数时接收的是[object,object]，需要转为字符串传递

acoolgiser的博客

01-26

1061

将数组参数转换为JSON字符串是一个很好的做法，这样可以确保数组中的数据以正确的格式传递给函数。在JavaScript中定义button的onclick点击事件，传递参数的时候，某个参数是数组，在方法体里面接收到的值是[object,object]。一开始在网上找解决办法，使用JSON.stringify(arr)传递数组参数，还是不行，出现解析失败问题。我传递了两个参数给点击事件方法modifyFunc，第一个参数是字符串，第二个参数是数组。参数仍然是数组，那么你可能需要使用。如果你在函数中接收的。

javascript中onclick(this)用法介绍

10-27

总结来说，在javascript中，onclick(this)的用法主要是将当前被点击的元素作为上下文对象传递给事件处理函数。在事件处理函数内部，我们可以访问到这个对象的所有属性和方法，从而实现对事件的处理和响应。通过这种...

参与评论您还未登录，请先登录后发表或查看评论

在onclick事件中传递对象参数

weixin_30566111的博客

05-15

750

1.传json对象 var obj = {id: 1, name: 'jimc', age: 20}; var jsonObj = '<a onclick="show(' + JSON.stringify(obj).replace(/"/g, '"') + ');">查看</a>'; 2.传json字符串 var obj = {id...

javacript onclick事件中传递参数

weixin_30367543的博客

10-30

187

var user = {id:1, name:'zhangsan'}; var object ='<a onclick="conversion(' + JSON.stringify(user).replace(/"/g, '"') + ');">修改</a>'; 或者 var string ='<a onclick="conve...

js onclick事件方法传递参数为对象

Danger

04-01

8400

选择适合自己场景得方法 1.传json对象 var object= {id: 123, name: 'name1', age: 10}; var jsonObj = '<a οnclick="dotest(' + JSON.stringify(object).replace(/"/g, '"') + ');">json对象传递</a>'; 2.传j...

Js onclick传递对象参数（传递一行数据时）错误：uncaught SyntaxError: Unexpected identifier

qq_34412985的博客

01-06

3249

开发遇到的是用onclick传递对象参数时（easyui传递一行数据时），会报Sncaught SyntaxError: Unexpected identifier错误。经查，onclick（对象）这种传递对象形式里面的对象会变成onclick（[object Object]）。为什么会出现 onClick([object object]) 出现这种情况，就是我们渲染 Dom 节点...

javascript setTimeout()传递函数参数(包括传递对象参数)

12-07

在给定的示例中，作者遇到的问题是如何在`setTimeout`中传递对象参数。常规的做法是直接传递函数名和参数，但这在需要传递对象时会变得复杂。作者尝试了一种方法，将函数和参数用字符串拼接，如`setTimeout("fun(" +...

A标签中通过href和onclick传递的this对象实现思路

12-03

当涉及到在`<a>`标签上同时使用`href`属性和`onclick`事件时，`this`对象的行为可能会变得复杂，特别是在想要传递当前元素引用给一个处理函数时。本文将详细解释这个问题，并提供解决思路。首先，`this`关键字在...

IE8的JavaScript点击事件(onclick)不兼容的解决方法

10-26

因此，在实际开发中，最好使用更安全的替代方法，如通过字符串拼接或使用对象映射来动态绑定事件。具体到文章中的解决方案，是通过创建一个`<a>`元素，然后使用`a.setAttribute`方法设置onclick事件处理器。但是...

onclick事件传递对象参数

weixin_33682790的博客

05-15

1931

　　onclick 无法直接传递对象参数，需要将对象处理一下　　“js对象” 和 “json ” ：js 在接收json 时能自动转化为js 对象；而例如HTML 中函数传递时，对象的传递只能转为json 来传！　　 <a href="#"onclick="editName(JSON.stringify(data).replace(/"/g, '"'))"&g...

JS中onclick方法调用函数时如何传递对象参数

来日可期的博客

11-30

1万+

今天在拼接字符串时加入了onclick事件出发的函数需要传递参数对象，结果遇到了一系列问题，特此记录我是想用ajax接收后台传递的json数据，在成功的回调函数里拼接字符串，然后替换文本。第一次我是这样拼接的 success : function(data){ console.log(data); ...

在标签使用onclick(this)来传递参数

weixin_34007291的博客

03-06

1164

<span class="liu_autoer_float_right" onclick="demo(this)" > </span> <script type="text/javascript"> //这里是留言点赞功能 function demo(a){ console.log($(a).attr("class")); ...

onclick传递对象

IT开发

05-09

391

【代码】onclick传递对象。

js中的onclick事件传参

OnlyYoushu的专栏

10-17

6540

js中的onclick事件传参 1、在页面中给方法传参数，有如下的两种方法：方法1，onclick=cancel(id，patientId); 在js文件中定义cancel方法如果要把当前对象传过去用onclick="cancel(this,id,patientId)" js中cancel（obj，id，patientId）方法2，在js中用复制代码代码示例

jQuery的click点击方法合集

me_Jackyoyo的博客

04-20

3700

$("#tb2").on('click', 'i', function () { }); // 二次点击取消选中 function badReactionClick() { $('body').on('click', '.badReactionDescription input[id^="bad"]', function () { var name = $(this).attr("name"); $(":radio[name=" + name + "]:not(

js onclick等事件传递对象

bswsf的专栏

12-15

2250

js 传递对象需要注意的点：特别是拼接html onclick等方法时 1、传递前转json字符串 1)JSON.stringify(obj) 2)注意json对象内部可能特殊转义字符，这里以最常见和最容易出错的双引号和单引号为例 .replace(/\"/g, """) .replace(/\'/g, "\\\'") 2、方法接收后转JSON JSON.parse(objStr); 一段示例代码奉上(拼接onclick,注意各个双引号单引号处理)，仅供参考 ret

js中onClick([object object])的传参问题