首页 > 其他分享 >onclick 传递参数报错

onclick 传递参数报错

时间:2022-09-19 10:15:25浏览次数:80  
标签:双引号 var JSON 参数 onclick 字符串 报错

传递代码

 var btn1 = '<a href="#" class="easyui-linkbutton btn" iconCls="icon-add"  plain="true" onclick="show_detail('+obj+')">查看详情</a>';

/** 报错 
  uncaught SyntaxError: Unexpected identifier
**/

报错原因

出现这种情况,是在渲染 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控件的双引号冲突了)

function operateFormatter(value, rowData, index) {
    var obj =JSON.stringify(rowData).replace(/\"/g,"'");
    console.log("operateFormatter111:",obj);
    var btn = '';

    var btn = '<a href="#" class="easyui-linkbutton btn" iconCls="icon-add"  plain="true" onclick="data_update('+obj+')">修改</a>';
    return btn;
  }

过程

标签:双引号,var,JSON,参数,onclick,字符串,报错
From: https://www.cnblogs.com/depressiom/p/16706750.html

相关文章