javascript - 在 AJAX JSON 响应中包含 HTML

Question

简要说明

我有一个当前正在通过 AJAX 加载的表单。理想情况下，我会使用 jQuery load() 方法，但是，此请求稍微复杂一些，因为我还需要检索单个属性，而不仅仅是一个大的 HTML block 。

所以，我的脚本看起来像这样(简化):

$.ajax({
    url: url,
    dataType: 'json',
    success: function(data){
        // Set the width of the form
        $('.form').css({
            width: data.width
        })
        // Load the form into the popup
        $('.form').html(data.html);
    }
});

我的问题

我不确定在 JSON 响应中包含我的 HTML 标记是否是个好主意...

1. 我的上述想法正确吗？
2. 还有其他选择吗？
3. 在 JSON 请求中存储大块 html 会遇到限制吗？

请注意

我当然知道我可以使用 javascript 构建标记，但是，由于有多种表单并且所有表单都非常大，因此构建表单服务器端要容易得多。更不用说它使调试/开发/维护变得更加容易......

此外，我的网站目前 JavaScript 代码非常多，因此我希望尽可能减少所需的 js。

Answer 1

1. 您可以将 html 包含在 json 对象中，只需确保转义所有引号和其他特殊字符即可。
2. 您可能最好使用两个请求，一个加载 html 表单，另一个获取您需要的数据。这将使代码更干净、更易于维护。