Javascript - Json还是html？

30 浏览
0 Comments

Javascript - Json还是html？

使用ASP.NET MVC视图，借助jQuery Ajax更新一个div。我应该使用返回PartialView还是Json的控制器？以及性能如何？

0

3 答案

0 Comments

这个问题的出现是因为开发人员在使用JavaScript进行Ajax请求时，需要选择返回的数据格式是JSON还是HTML。下面是几个相关的问题和讨论：

1. 在这个问题中，有人问为什么将生成的HTML作为响应返回而不是JSON，是否是一种不好的做法。链接：https://stackoverflow.com/questions/1284381

2. 这个问题中，有人问在Ajax中加载数据时应该使用HTML格式还是JSON格式。链接：https://stackoverflow.com/questions/2186347

3. 这个问题中，有人问在使用Ajax时应该返回JSON还是HTML。链接：https://stackoverflow.com/questions/3353434

4. 这个问题中，有人问在Ajax响应中使用HTML、XML还是JSON会有性能问题还是其他原因。链接：https://stackoverflow.com/questions/1148266

5. 这个问题中，有人问在Ajax响应中返回的数据应该是JSON、XML还是HTML片段。链接：https://stackoverflow.com/questions/867163

根据这些的问题和答案，我们可以得出以下结论：

问题的出现是因为开发人员在使用Ajax进行数据请求时，需要选择返回的数据格式。返回HTML可以直接使用在页面上进行渲染，但可能会导致前后端逻辑混杂；返回JSON可以更灵活地处理数据，但需要前端进行进一步的处理和渲染。

解决方法有两种：

1. 如果只是简单地将数据加载到页面上进行展示，可以选择返回HTML片段。这样可以减少前端的工作量，但可能会导致前后端关注点混杂。

2. 如果需要对数据进行更复杂的处理，如根据不同的条件进行筛选、排序等，可以选择返回JSON数据。前端可以使用JavaScript对数据进行处理，并根据需要生成HTML进行渲染。这样可以使前后端逻辑分离，提高代码的可维护性和扩展性。

选择返回JSON还是HTML取决于具体的需求和场景，开发人员需要根据实际情况进行选择。

0
0 Comments

问题的出现原因：

问题的出现是因为在开发网页应用程序时，需要根据不同的需求来决定使用何种数据格式，即是使用Json还是html。

解决方法：

根据下面的内容，可以得出以下解决方法：

1. 如果希望用户能够在不同的视图之间进行切换，并且这些数据可以在页面加载时简单地包含在其中，那么只需在onload事件中包含这些数据，然后根据需要隐藏/显示或加载Json数据并进行填充。

2. 如果只是一个非常简单的请求，只需要根据需要进行更新，并且在应用程序中不打算有其他类似的需求，那么只需返回html格式的数据即可。

3. 然而，如果您正在进行提交数据或执行某些操作的请求，我建议返回一个一致的Json响应，其中包含错误布尔值、错误消息和内容/数据元素。

下面是整理后的文章：

如果您希望用户能够在不同的视图之间进行切换，并且这是在页面加载时可以简单包含的数据，那么只需在onload事件中包含这些数据，然后根据需要隐藏/显示或加载Json数据并进行填充。如果您只是有一个非常简单的请求，需要根据需要进行更新，并且在您的应用程序中不打算有其他类似的需求，那么只需返回html数据即可。然而，如果您正在进行提交数据或执行某些操作的请求，我建议返回一个一致的Json响应，其中包含错误布尔值、错误消息和内容/数据元素。

0
0 Comments

对于这个问题，我倾向于使用JSON。原因是JSON可以为你提供灵活性，可以带回不同的数据。例如，你可能带回100个结果，以及关于这些结果的一些元数据（关键词、分组等），以及有关更多结果的信息、结果的新鲜程度、分页信息等等。同样，其他不相关的信息也可能返回，比如状态消息、"新邮件！"指示器等等。如果只返回纯HTML，你将限制进一步做任何事情，除了更新一个容器的HTML内容。

那么如何解决这个问题呢？我们可以使用JavaScript来处理返回的JSON数据。JavaScript可以通过Ajax请求从服务器获取JSON数据，并将其解析为对象。然后，我们可以使用JavaScript操作DOM，将数据动态地插入到HTML中。

下面是一个简单的示例代码，展示了如何使用JavaScript处理返回的JSON数据：

// 使用Ajax请求从服务器获取JSON数据
var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com/data.json', true);
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 解析JSON数据
    var data = JSON.parse(xhr.responseText);
    
    // 使用JavaScript操作DOM，将数据插入到HTML中
    var container = document.getElementById('container');
    for (var i = 0; i < data.results.length; i++) {
      var result = data.results[i];
      var div = document.createElement('div');
      div.innerHTML = result.title;
      container.appendChild(div);
    }
  }
};
xhr.send();

通过这种方式，我们可以灵活地处理返回的JSON数据，并将其动态地展示在HTML页面中。这样，我们就能够更好地利用数据，并进行各种操作和交互。

0