将json数据传递给onclick jquery函数

Posted

技术标签:

【中文标题】将json数据传递给onclick jquery函数【英文标题】:pass json data to onclick jquery function 【发布时间】:2020-09-19 11:27:06 【问题描述】:

我正在尝试将 JSON 对象传递给 onclick 函数,但它不起作用

              $.each(response, function(k, v) 
                    html += "<tr>";
                    html += "   <td><a  onclick='showcomplaints('+ v.ID +')'  >" + v.ID + "</a></td>";
                    html += "   <td>" + v.Name + "</td>";
                    html += '  </tr>';
               );

            function showcomplaints(id)
            
             alert(id);
            

我在控制台窗口中收到此错误“Uncaught SyntaxError: Unexpected end of input”。

【问题讨论】:

只需像在文本值中那样连接参数中的v.ID 【参考方案1】:

这里你需要在你的代码中修正这一行:

html += "   <td><a  onclick='showcomplaints('v.ID')'  >" + v.ID + "</a></td>";

作为:

html += "   <td><a  onclick='showcomplaints("+v.ID+")'  >" + v.ID + "</a></td>";

这样做的原因是您正在调用一个需要 id 的函数 showcomplaints 而不是这个您传递的是字符串 v.ID

希望这对您将来有所帮助:https://www.w3schools.com/js/js_strings.asp

【讨论】:

以上是关于将json数据传递给onclick jquery函数的主要内容,如果未能解决你的问题,请参考以下文章

将 JSON 数据传递给控制器​​方法而无需声明对象

使用JavaScript Onclick Event将数据传递给Django中的views.py?

使用 jQuery post 使用 Laravel 将动态数据传递给引导模式

将 Json 数据传递给handsontable

jQuery $.ajax(),将成功数据传递给单独的函数

Jquery将动态数据传递给事件处理程序