javascript的函数怎样才能设置传值参数的类型为字典? -问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

javascript的函数怎样才能设置传值参数的类型为字典?

2016-06-17 17:35:53 2176 1

场景:我有一个列表,里面有动态加载的卡片信息(每张卡片信息的数据结构是字典 card_dict ),利用循环生成多个并列的

, 通过按钮,可以把特定卡片从当前列表删除,然后放进其它列表里。

我的代码结构:

{% for card_dict in card_list %}
<div>
{{ card_dict }}
...
<input type="submit" value="POP" onclick="send_card({{card_dict}});">
<!-- fixme1 -->
...
</div>
{% endfor %}

<script>
function send_card(card)
{
    $.ajax(
    {
      type:'POST',
      url: '/url',
      data: "card="+card,  // 也试过 data:card, fixme2
      success:function(data){...}
    } 
    );
}

</script>

运行会提示fixme1 处的 {{card_dict}}应该改成字符串。
然后我强行修改传值参数类型,

<input type="submit" value="POP" onclick="send_card(‘{{card_dict}}‘);"> 
// fixme3

但是也是会出错。目标路由‘/url’并没有成功接受到 这个卡片信息字典 。
显示的错误居然是fixme3 处 还漏缺一个右括号‘)’。

---update---
我刚刚查看 jinja的模板语言文档,然后尝试把 {{card_dict}}转变成json的数据格式,但是依然出现错误。


// fixme4

显示的错误:

screenshot

问题来了,我应该怎样 把 这个卡片字典 返回给 后端服务器指定的路由?

取消 提交回答
全部回答(1)
  • 杨冬芳
    2019-07-17 19:43:16
    <input type="submit" value="POP" onclick="send_card({{ card|tojson|safe }});">

    {{ card|tojson|safe }}得到的结果中的”要全部转义掉
    不了解 jinja的模板语言,不知该怎么弄
    最终的效果例如下:

    onclick="send_card(\"{\"card_id\":123}\");";

    另外:
    你为什么要把一个json对象作为一个参数放到一个send_card函数中呢
    直接放一个cardid也可以达到删除的目的啊

    0 0
相关问答

1

回答

javascript有没有判断页面中是否定义了某个变量或者函数的方法?

2016-07-15 09:50:10 1625浏览量 回答数 1

1

回答

JavaScript 类数组对象的定义?

2020-04-04 10:34:37 537浏览量 回答数 1

1

回答

JavaScript关联数组的长度

2020-02-09 14:05:51 365浏览量 回答数 1

1

回答

如何在Javascript中获取数组键?

2020-02-08 20:25:51 214浏览量 回答数 1

2

回答

在Javascript中,将NodeList转换为数组的最佳方法是什么

2020-02-08 20:37:57 455浏览量 回答数 2

1

回答

如何将JavaScript对象的属性值提取到数组中?

2020-02-09 12:58:43 254浏览量 回答数 1

1

回答

旋转JavaScript中数组中的元素

2020-02-09 11:56:06 244浏览量 回答数 1

1

回答

在JavaScript中获得两个数组的并集

2020-02-09 11:40:10 211浏览量 回答数 1

1

回答

对象是否以javascript的深层或浅层副本推送到数组中?

2020-02-08 22:00:58 254浏览量 回答数 1

2

回答

有没有办法使用JavaScript以相反的顺序在数组上使用map()?

2020-02-08 21:51:58 429浏览量 回答数 2
+关注
杨冬芳
IT从业
1
文章
9167
问答
问答排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载