Jquery循环并在文本区域显示json数据

Jquery Loop and display json data in textarea

本文关键字：显示 json 数据 区域 文本 循环 Jquery      更新时间：2023-09-26

我通过getJSON获取这些数据，getJSON在名为results的变量下返回这些数据。

数据如下：

{
    "ok": true,
    "messages": [
        {
            "text": "Message 1",
            "username": "bot",
            "type": "message",
            "subtype": "bot_message",
            "ts": "1454394770.000002"
        },
        {
            "text": "Message 2",
            "username": "bot",
            "type": "message",
            "subtype": "bot_message",
            "ts": "1447656207.000002"
        },
        {
            "user": "5434543",
            "type": "message",
            "subtype": "ch_join",
            "text": "<@U0456TA8|tre> has joined",
            "ts":654565.444"
        }
    ],
    "has_more": false
}

我知道如何将其中一个添加到我的文本区域：

$("#myTextarea").val(results.messages[0].text);

我的问题是。。。如何将所有内容添加到我的文本区域？

var output = "";
jQuery.each(results.messages , function (index, element){
  output += element.text + "something to put between the text perhaps?";
});
$("#myTextarea").val(output);

您可以循环进入：

    var _val = $("#myTextarea").val(); // Fetching the new value and adding it to previous value
    [].forEach.call(results.messages, function (inst) {
        _val += inst.text;
    });
    $("#myTextarea").val(_val); //setting it as a new value of textarea.
相关文章：