将数据加载到文本区域的策略

Question

我有一个系统，用户可以从最多300个选项的下拉菜单中选择模板。

当用户选择一个时，只读textarea填充相应的长度<= 1000个字符的字符串。

当页面加载时，我应该：

• 将它们全部存储在JavaScript变量中，并引用select更改上的变量？
• 当选择更改时，通过ajax加载内容？

Answer 1

您似乎已经知道了答案：您可以将模板预加载到HTML中，但随后页面变得庞大且下载速度慢，大多数模板从未被使用过。如果您使用AJAX，则只下载最少的必要信息。

Answer 2

您可以点击设置功能：

var infoArray = new Array();

$('item').click(function() {
    var itemName = $(this).attr('id');

    if(infoArray[itemName] !== undefined)
    {
        $('loader').empty().load('url', function() { 
            infoArray.push({itemName:$('loader').text()});
        });
    } else {
        $('loader').empty().append(infoArray[itemName]);
    }
});