jQuery/AJAX - 响应格式

标签 jquery html ajax json

我想知道发送回 javascript 的数据的最佳“格式”是什么? 什么时候应该使用 JSON 字符串或纯 HTML?除了这两个还有其他选择吗?

最佳答案

这取决于发回的数据是什么以及您打算如何使用它。

优点和缺点:

  • 使用 json 数据和 HTML 生成 JavaScript 增加了浏览器的负载,减少了服务器的负载,而且无需将表示逻辑编码到提供数据的页面中。而 JSON 数据通常要小得多。

  • 使用 HTML 数据并直接注入(inject)页面会给服务器带来更多工作,导致 AJAX 服务页面包含表示逻辑。但是,如果表示逻辑已经包含在您的服务器端代码中(直接或通过模板语言),并且将所述表示逻辑放入 JavaScript 端将需要您从头开始开发它,这可能是一个好处而不是缺点。

换句话说,使用 JSON 数据当且仅当:

  • 您的页面会将 JSON 数据用于一次性生成 HTML 以外的目的。呸。

  • 您的页面已经包含基于数据构建 HTML 的 JavaScript 逻辑,或者如果创建此类逻辑,开发成本非常容易。尤其是当情况恰恰相反时(例如,需要将 HTML 生成逻辑放在服务器端并带来显着的开发成本)。

  • 减轻将数据从服务器转换为 HTML 到浏览器的资源成本是一个重要的考虑因素。

  • JSON 数据比生成的 HTML 小得多,因此大大减少了传输的数据。这加速了服务器执行和网络传输。通过将树数据作为 json 而不是已经生成的 HTML 代码传输,我们实际上将一个复杂的树显示应用程序的速度提高了 20 倍。

  • 如果其他可能/实际消费者无法 100% 重复使用为此特定页面生成的 HTML,则生成响应的 URL 可以作为一项服务重新用于此页面以外的目的页面。

关于jQuery/AJAX - 响应格式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4054903/

相关文章:

javascript - 在 jquery 中将标题与 slider 对齐

c# - Ajax 调用 C# webservice 返回对象内的对象?

javascript - 另一个ajax中的Ajax请求

javascript - 动态表完全加载后调用 JS 函数

javascript - 检查复选框 :check is not working, 为什么,jquery?

javascript - 有没有获取history.pushState()的状态对象数据的方法?

html - WAI-ARIA、IE7 和 JAWS

javascript - jQuery 动画相对位置(悬停时)错误,

javascript - 我如何通过网站在移动设备的WhatsApp上共享图像

javascript - 进行服务调用时状态代码 12004