js onclick方法 传递json对象报错

最新推荐文章于 2024-07-04 02:32:51 发布
最新推荐文章于 2024-07-04 02:32:51 发布
阅读量5.7k 收藏
点赞数 4
文章标签： js的onclick方法传对象报错 


用拼接字符串的方式构建html，只能拼接字符串，对象是没办法拼接的。
如果row是数字或字符串，则拼接结果为
lookCard(1) 或 lookCard(a)
如果row是对象，则拼接结果为
lookCard([object Object])
这里[object Object]会引起 Uncaught SyntaxError: Unexpected identifier
ps：上面的lookCard(a)也会引起错误，正确方法还要给字符串类型添加引号，即lookCard("a")
解决方法：
（1）将row转换成json，拼接进去，后面在函数里面再转换回来。
（2）拆开row，把row的多个属性逐一作为参数传递给函数。

（3）保存row为全局，传递row的凭证给函数，函数拿着凭证去全局取row对象。


转自：http://zhidao.baidu.com/link?url=4avbcOGmN60J_tSuCUNcHK5TIxfrADkeQfQHjwmT0ih2Xn4vdfCc-2xcO79Pz7dYNgK_fw3gyOGItENpWJYEtUvr5t-4ZmOiIviRvZceT9K
Inuyasha1121
关注
Asp.net WebApi 传递json数据以及上传文件
wf824284257的博客
10-26 9059
前言 3个月前接手的 java web 项目前几天交付验收成功了，作为该项目开发组的负责人，在苦苦加班2个多月后得到公司及客户的肯定，心里那个叫高兴啊。 所做的 java web 的整体架构非常简单易懂，整个网站以前端为主体，通过ajax与后台数据交互，前后端低耦合，有些面向服务架构的味道。因为博主C#做的比价多，所以也借机用相同的方式玩一玩asp.net。 这篇博客主要总结了 Asp.net ...
JavaScript面向对象
weixin_55101030的博客
09-21 1302
JavaScript面向对象
html拼接时onclick事件传递json对象
热门推荐
FaxBoy的博客
06-13 1万+
如：想ss('obj')结果变成了ss('[onject object]')这样的情况处理办法 1.先JSON.stringify(json) 2.将双引号变成单引号replace(/\"/g,"'") 3.将括号里的单引号除掉 4.function 直接获取到json对象，且不需要evel 例如： 拼接html部分： btn += ''； 函数部分 function d
Js写方法传json对象时，使用stringify 出现错误"[object Object]".
weixin_40886648的博客
07-12 5159
$(data).each(function(i,client){ $('#word').append("<div class='click_work' onclick='setClientValue("+JSON.stringify(client)+")'>"+ client.name +"</div>"); })必须保证"+JSON.stringify(client)+"
JS中的JSON（秒懂如何操作JSON）
最新发布
weixin_35673514的博客
07-04 1357
一、JSON介绍1.概念JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它基于JavaScript的语法子集，但是独立于编程语言。JSON格式可以用来在网络中传输数据，也可以存储数据。JSON采用键值对的方式表示数据，其中键是字符串，值可以是字符串、数字、布尔值、数组、对象或者n...
js onclick() 方法传递 json 对象
weixin_44252186的博客
02-23 1198
想实现onclick 方法传递 json 对象，οnclick="loadQuestion(’+data+’); 却发现传递过来的data 变成 [onject object] 解决办法： 第一步： 先把data json化一下。即JSON.stringify(json)。 第二步： 将双引号变成单引号replace(/"/g,"’") 。 第三步：将括号里的单引号除掉。 比如： html +=...
js中onclick传json数据所遇到的问题
sjszscx的博客
04-07 2741
写前端时发现当我用onclick传json数据后，发现函数接收数据为[object object]，无法取到值。 页面打印查看，json未传时能正确取值，传值后json为空值。 然后就查找资料详细了解下 [object Object] 是怎么出来的。 js 中 toString 方法的作用是返回一个反映这个对象的字符串，可参考下表： 所以为什么传值后是[object Obje...
<div class="list1" onClick="detail('+res.datas.organiza.user+')">传递数据报错
07-14
如果你需要将参数以字符串形式传递给 `detail()` 函数，你可以使用 JSON.stringify() 方法将对象转换为字符串，如下所示： ```html <div class="list1" onClick="detail(JSON.stringify(res.datas.organiza.user))...
Ajax之JSON的序列化（基于js的ajax）
qq_45066969的博客
11-14 575
JSON 一、什么是JSON？ 二、XML与Json的的转换： 三、json的规则 html 请求数据三种方式 四、JSON的序列化 1.java的json序列化 2.java的json反序列化 3.JavaScript的json序列化 4.JavaScript的json反序列化 案例1：java的json序列化和反序列化 案例二：JavaScript的json序列化和反序列化 JSON 一、什么...
Ajax中发送get、post请求以及服务端响应json数据
katherin_wanzi的博客
06-07 1202
1.发送get请求 get.html代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"&gt
javascript onclick事件中传递对象参数和JavaScript中对象字符串转换
chmod_R_755的专栏
04-10 8917
支持原创，原文链接 http://blog.csdn.net/legend11/article/details/53408459 http://blog.csdn.net/starrexstar/article/details/8083259/ var user = {id:1, name:'zs', age:20}; var ele = '修改';
onclick事件传递对象参数
weixin_33682790的博客
05-15 1876
　　onclick 无法直接传递对象参数，需要将对象处理一下 　　“js对象” 和 “json ” ：js 在接收json 时能自动转化为js 对象；而例如HTML 中函数传递时，对象的传递只能转为json 来传！ 　　 <a href="#"onclick="editName(JSON.stringify(data).replace(/"/g, '&quot;'))"&g...
JS：object.onclick 传值
海天鹰
05-20 388
for (var i = 0; i < 5; i++) { var button = document.createElement('button'); button.textContent = i; button.value = i; button.onclick = function(){ console.log(button.value); }; document.getElementById('nav').appendChild(button); } .
js onclick等事件传递对象
bswsf的专栏
12-15 2164
js 传递对象需要注意的点：特别是拼接html onclick等方法时 1、传递前转json字符串 1)JSON.stringify(obj) 2)注意json对象内部可能特殊转义字符，这里以最常见和最容易出错的双引号和单引号为例 .replace(/\"/g, "&quot;") .replace(/\'/g, "\\\'") 2、方法接收后转JSON JSON.parse(objStr); 一段示例代码奉上(拼接onclick,注意各个双引号 单引号处理)，仅供参考 ret
JavaScript中onClick传递对象参数出现错误：uncaught SyntaxError:Unexpected identifier
越界的博客
08-09 5686
JavaScript中onClick传递对象参数出现错误：uncaught SyntaxError:Unexpected identifier 在使用EasyUI的datagrid（数据表格），给特定的单元格onClick事件，点击单元格获取该单元格所在行的数据时会报Sncaught SyntaxError: Unexpected identifier错误。 经过排查，onclick（对象）这种...
关于onclick="open([Object obj],[Object obj])"的问题
weixin_43735267的博客
11-15 842
这里写自定义目录标题欢迎使用Markdown编辑器 欢迎使用Markdown编辑器 最近做项目的时候，需要在一个js里面进行字符拼接，并给onclick的方法传值，碰到浏览器报Unexpected end of input 这个错误，试了很多方法，在网上也查了一下。 代码如下： ```javascript var prizeMap = giftList.slice(8); giftStr += ...
js onclick事件传递json对象
q421533518的博客
07-28 903
想实现onclick 方法传递 json 对象，οnclick="loadQuestion(’+data+’); 却发现传递过来的data 变成 [onject object] 解决办法： 第一步： 先把data json化一下。即JSON.stringify(json)。 第二步： 将双引号变成单引号replace(/"/g,"’") 。 第三步：将括号里的单引号除掉。 比如： html +='<a href="#" onclick="loadQuestion('+JSON.stringify(d.
onclick 如何传递json
07-28
在onclick事件中传递JSON对象，可以通过将JSON对象转换为JSON字符串，然后在传递之前使用JSON.stringify(value)方法进行转换。传递后，可以使用eval(value)方法将JSON字符串转换回JSON对象。这是一种常见的方法，但...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值