onclick 传递对象（object）参数报错

传递代码

 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;
  }