Js onclick传递对象参数(传递一行数据时)错误:uncaught SyntaxError: Unexpected identifier

开发遇到的是用onclick传递对象参数时(easyui传递一行数据时),会报Sncaught SyntaxError: Unexpected identifier错误。 
经查,onclick(对象)这种传递对象形式里面的对象会变成onclick([object Object])

  • 为什么会出现 onClick([object object])

    出现这种情况,就是我们渲染 Dom 节点的时候,是用的字符串拼接形式。所以,对于 onclick 事件中的参数,我们也因该转化成字符串的形式进行拼接。如果传入一个 js 自定义对象,那渲染后的页面上的 dom 就会出现 onClick([object object]) 这种形式。
    问题解决思路

    将传递的对象参数转化为json字符串,需要的时候再将json字符串的双引号转换成单引号就可以
    问题解决方法

    用JSON.stringify().replace(/""/g,"’")方法将对象转化成JSON字符串传递,函数接收后会变成对象
    问题解决过程

    JSON.stringify()将对象转化成JSON字符串;.replace(/""/g,"’")将JSON字符串中的双引号转化成单引号,不然会报Unexpected end of input错误(这个错误是由于带的json字符串。它的双引号与onclick控件的双引号冲突了)

  • 代码内容如下

  • 传递参数
  1. var $row = JSON.stringify(row).replace(/\"/g,"'");//row的是一个对象

  2. <a href="#" οnclick="editParentRow('+$row+')">编辑</a>//拼接传递对象


  • 接收参数
  1. function editParentRow(obj){

  2. console.log(obj);//console打印

  3. alert(obj);//提示框

  4. }

pageHtml+="<a href='#' οnclick='gotoP(\""+value+"\",\""+tabId+"\","+(pageNo+1)+","+dataFlag+","+elements+")'>下一页></a>"; 

function gotoP(searchValue,tabId,pageNo,dataFlag,element){
    findData(searchValue,tabId,pageNo,dataFlag,JSON.stringify(element));

onclick传入的为string,在gotoP函数中element类型变为object,类似于类型提升

  • 4
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值