[javascript] JSON 대신 생성 된 HTML을 반환하는 것이 왜 나쁜 습관입니까? 아니면?

나는 실제로 양쪽에 조금 있습니다.

• 자바 스크립트 측면에서 필요한 것이 data 일 때 JSON을 사용합니다.
• 자바 스크립트 측면에서 필요한 것이 계산을하지 않을 프레젠테이션 일 때 일반적으로 HTML을 사용합니다.

HTML 사용의 주요 장점은 페이지의 전체 부분을 Ajax 요청에서 나온 내용으로 바꾸려는 경우입니다.

• JS에서 페이지의 일부를 다시 작성하는 것은 어렵습니다.
• 서버쪽에 이미 템플릿 엔진이있을 수 있습니다.이 엔진은 처음에 페이지를 생성하는 데 사용되었습니다. 왜 재사용하지 않습니까?

나는 일반적으로 서버에서 최소한 “성능”측면을 고려하지 않습니다.

• 서버에서 HTML의 일부 또는 일부 JSON을 생성해도 큰 차이는 없습니다.
• 네트워크를 통과하는 물건의 크기에 관해서 : 글쎄, 아마도 수백 KB의 데이터 / HTML을 사용하지 않을 것입니다 … 전송하는 모든 것에 gzip을 사용하는 것이 가장 큰 차이를 만드는 것입니다 (HTML 중에서 선택하지 않음) 그리고 JSON)
• 그러나 고려해야 할 한 가지는 JSON 데이터에서 HTML (또는 DOM 구조) 을 재생성하기 위해 클라이언트에 필요한 리소스 입니다. HTML의 일부를 페이지로 푸시하는 것과 비교하십시오. -)

마지막으로 중요한 것은 :

• JS를 페이지에 HTML로 삽입하는 데 필요한 JS를 코드로 JSON + 코드로 전송하는 새로운 시스템을 개발하는 데 얼마나 걸립니까?
• HTML을 반환하는 데 얼마나 걸립니까? 그리고 이미 존재하는 서버 측 코드 중 일부를 재사용 할 수 있다면 얼마나됩니까?

그리고 다른 대답에 대답하기 위해 : 페이지의 둘 이상의 부분을 업데이트 해야하는 경우 여전히 여러 부분의 HTML 부분을 그룹화하고 하나의 큰 문자열 안에 모든 부분을 보내고 JS에서 관련 부분을 추출하는 솔루션 / 해킹이 있습니다.

예를 들어 다음과 같은 문자열을 반환 할 수 있습니다.

<!-- MARKER_BEGIN_PART1 -->
here goes the html
code for part 1
<!-- MARKER_END_PART1 -->
<!-- MARKER_BEGIN_PART2 -->
here goes the html
code for part 2
<!-- MARKER_END_PART2 -->
<!-- MARKER_BEGIN_PART3 -->
here goes the json data
that will be used to build part 3
from the JS code
<!-- MARKER_END_PART3 -->

그것은 실제로 좋아 보이지는 않지만 확실히 유용합니다 (주로 HTML 데이터가 너무 커서 JSON으로 캡슐화 할 수 없을 때 꽤 많이 사용했습니다) : 페이지의 일부에 대해 HTML을 보내고 있습니다 프리젠 테이션이 필요하며 데이터가 필요한 상황에 대해 JSON을 보내고 있습니다 …

… 그리고 그것들을 추출하기 위해 JS 하위 문자열 메소드가 트릭을 수행합니다. 😉

답변

public JsonResult MyJsonObject(string someData)
{
     return Json(new { SomeData = someData, PartialView = RenderPartialViewToString("JsonPartialView", null) }, JsonRequestBehavior.AllowGet);
}

protected string RenderPartialViewToString(string viewName, object model)
{
     ViewData.Model = model;

     using (StringWriter sw = new StringWriter())
     {
          ViewEngineResult viewResult = ViewEngines.Engines.FindPartialView(ControllerContext, viewName);
          ViewContext viewContext = new ViewContext(ControllerContext, viewResult.View, ViewData, TempData, sw);
          viewResult.View.Render(viewContext, sw);

          return sw.GetStringBuilder().ToString();
     }
}