未捕获的语法错误:JSON 输入意外结束 [}

卡尔·朱库坦

未捕获的语法错误:JSON 输入意外结束

在此处输入图片说明

帮助我为什么会收到这样的错误

 $('.view-profile').on('click', function(e) {
    e.preventDefault();
    var id = $(this).data('id');
    var str = $(this).data('citizens');
    var citizensArray = JSON.parse(str);
    alert(citizensArray[0].id);
});

html & php

     <button type="button" class="btn btn-success btn-sm view-profile" data- 
     citizens="<?php echo json_encode($citizens);?>" data-id="<?php echo 
     $citizen['id'];?>"><i class="fa fa-fw fa-user-o"></i> Profile</button> 
萨帕尔

包裹data-citizens在单引号,即data-citizen='<?php echo json_encode($citizens);?>'由于存在"是JSON字符串会突然终止的属性值。

而且,您不需要使用JSON.parse()with .data(),如果数据是有效的 JSON 格式,该方法将返回 JavaScript 对象。

当数据属性为对象(以'{'开头)或数组(以'['开头)时,则jQuery.parseJSON用于解析字符串;它必须遵循有效的 JSON 语法,包括带引号的属性名称。如果该值无法解析为 JavaScript 值,则将其保留为字符串。

JSON.parse()如果出现上述错误,则使用有效的 JSON 结果。

所以只需使用

var citizensArray = str;

$('.view-profile').on('click', function(e) {
  e.preventDefault();
  var str = $(this).data('citizens');
  console.log(str);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button type="button" class="btn btn-success btn-sm view-profile" data-citizens='{ "id" : 1}'> Profile</button>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

未捕获的语法错误:JSON.parse 处的 JSON 输入意外结束

来自分类Dev

从Express应用返回JSON:未捕获(承诺)语法错误:输入意外结束

来自分类Dev

从Express应用返回JSON:未捕获(承诺)语法错误:输入意外结束

来自分类Dev

有角度的,未捕获的语法错误:移至生产环境时输入意外结束

来自分类Dev

未捕获的语法错误:php 函数中的输入意外结束

来自分类Dev

语法错误,意外的':',期望输入结束

来自分类Dev

语法错误:意外的输入结束

来自分类Dev

json解析错误语法错误输入意外结束

来自分类Dev

错误:语法错误:JSON输入意外结束

来自分类Dev

javascript json未捕获的语法错误意外的令牌非法

来自分类Dev

JSON解析:未捕获的语法错误:意外的令牌e

来自分类Dev

未捕获的语法错误。输入的异常结束

来自分类Dev

JSON输入意外结束

来自分类Dev

未捕获的语法错误意外令牌

来自分类Dev

未捕获的语法错误意外令牌

来自分类Dev

未捕获的语法错误:“意外的标记 {”

来自分类Dev

未捕获的语法错误;意外的令牌 <

来自分类Dev

语法错误:意外的keyword_ensure,预期输入结束

来自分类Dev

cors JSON输入意外结束

来自分类Dev

JSON输入ajax意外结束

来自分类Dev

JSON SyntaxError:输入意外结束

来自分类Dev

cors JSON输入意外结束

来自分类Dev

JSON输入意外结束-Ajax

来自分类Dev

MeteorJS未捕获的SyntaxError:输入意外结束

来自分类Dev

未捕获到的SyntaxError:输入意外结束

来自分类Dev

MeteorJS未捕获的SyntaxError:输入意外结束

来自分类Dev

错误未捕获的语法错误:意外的令牌<

来自分类Dev

Firefox与Chrome未捕获的语法错误意外的令牌错误

来自分类Dev

JavaScript 错误 - 未捕获的语法错误:意外标记 {

Related 相关文章

  1. 1

    未捕获的语法错误:JSON.parse 处的 JSON 输入意外结束

  2. 2

    从Express应用返回JSON:未捕获(承诺)语法错误:输入意外结束

  3. 3

    从Express应用返回JSON:未捕获(承诺)语法错误:输入意外结束

  4. 4

    有角度的,未捕获的语法错误:移至生产环境时输入意外结束

  5. 5

    未捕获的语法错误:php 函数中的输入意外结束

  6. 6

    语法错误,意外的':',期望输入结束

  7. 7

    语法错误:意外的输入结束

  8. 8

    json解析错误语法错误输入意外结束

  9. 9

    错误:语法错误:JSON输入意外结束

  10. 10

    javascript json未捕获的语法错误意外的令牌非法

  11. 11

    JSON解析:未捕获的语法错误:意外的令牌e

  12. 12

    未捕获的语法错误。输入的异常结束

  13. 13

    JSON输入意外结束

  14. 14

    未捕获的语法错误意外令牌

  15. 15

    未捕获的语法错误意外令牌

  16. 16

    未捕获的语法错误:“意外的标记 {”

  17. 17

    未捕获的语法错误;意外的令牌 <

  18. 18

    语法错误:意外的keyword_ensure,预期输入结束

  19. 19

    cors JSON输入意外结束

  20. 20

    JSON输入ajax意外结束

  21. 21

    JSON SyntaxError:输入意外结束

  22. 22

    cors JSON输入意外结束

  23. 23

    JSON输入意外结束-Ajax

  24. 24

    MeteorJS未捕获的SyntaxError:输入意外结束

  25. 25

    未捕获到的SyntaxError:输入意外结束

  26. 26

    MeteorJS未捕获的SyntaxError:输入意外结束

  27. 27

    错误未捕获的语法错误:意外的令牌<

  28. 28

    Firefox与Chrome未捕获的语法错误意外的令牌错误

  29. 29

    JavaScript 错误 - 未捕获的语法错误:意外标记 {

热门标签

归档