javascript - 在 AJAX JSON 响应中包含 HTML

Question

简要说明

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

所以，我的脚本看起来像这样（简化）：

$.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 表单，另一个获取您需要的数据。这将使代码更清晰、更易于维护。