Question

完整json是

    {
"id": "70dec1ac-345f-4b94-b255-b09c5ab1b522",
"name": "card",
"auto": true,
"contexts": [],
 "responses": [
{
  "resetContexts": false,
  "affectedContexts": [],
  "parameters": [],
  "messages": [
    {
      "type": 1,
      "platform": "facebook",
      "title": "this is the title updated",
      "subtitle": "this is the subtitle",
      "imageUrl": "https://www.gettyimages.ie/gi-resources/images/Homepage/Hero/UK/CMS_Creative_164657191_Kingfisher.jpg",
      "buttons": [
        {
          "text": "this is the button"
        },
        {
          "text": "this is also a button"
        }
      ],
      "lang": "en"
    },
    {
      "type": 0,
      "speech": []
    }
  ],
  "defaultResponsePlatforms": {},
  "speech": []
}
],
"priority": 500000,
"cortanaCommand": {
"navigateOrService": "NAVIGATE",
"target": ""
},
"webhookUsed": false,
"webhookForSlotFilling": false,
"lastUpdate": 1530197695,
"fallbackIntent": false,
"events": [],
"userSays": [
{
  "id": "528c22d4-49d7-4ab9-a8db-fcd84d57694b",
  "data": [
    {
      "text": "card"
    }
  ],
  "isTemplate": false,
  "count": 0,
  "updated": 1530196620,
  "isAuto": false
}
],
"followUpIntents": [],
"templates": []
}

我实际上是为Wordpress创建一个聊天机器人，以便与api.ai或dialogflow通信我当前用于显示卡的代码如下：

var html = "<div class=\"myc-conversation-bubble myc-conversation-response myc-is-active myc-image-response\"><img src=\"" + imageUrl + "\"/></div>";
html+="<div class=\"myc-card-title\">" + title + "</div>"
html += "<div class=\"myc-card-subtitle\">" + subtitle+ "</div>";
html += "<input type=\"button\" " + "style=\"background-color:rgb(221, 153, 51);text-transform: none\"" + "class=\"myc-quick-reply\" value=\"" +buttons[0]+ "\" />";
var innerHTML = "<div class=\"myc-conversation-bubble-container myc-conversation-bubble-container-response\"><div class=\"myc-conversation-bubble myc-conversation-response myc-is-active myc-quick-replies-response\">" + html + "</div>";

我正确获取了图像，标题，副标题，但是Button显示为[object Object]，正确的处理方法是什么？

Answer 1

按钮文本位于text属性中。

尝试将buttons[0]替换为buttons[0].text。

Answer 2

在您的情况下，

按钮是一个对象数组，并具有属性文本。所以尝试buttons[0].text

Javascript不显示按钮文字

2 个答案: