asp.net mvc 및 jquery

Question

내 MVC보기 (VS 2012 RC 사용)에서 jQuery를 사용하여 내 컨트롤러에서 반환 된 XML 데이터를 구문 분석하려고합니다. 그러나, 내 초점은 jQuery $ .ajax() 함수를 사용하는 것입니다. 문제는 아약스가 내 컨트롤러에서 XML 문서를 반환하지 않는다는 것입니다. 일부 형식의 HTML을 반환합니다.

예 : 내가 참으로 안에 내보기에 직접 반환 할 수 있습니다,하지만 전체 XML 문서가 그런 식으로 표시되는 것을 원하지 않는다. 예를 들어, @Model 개체에서 XML을 얻을 :

@model RazorMvc.Models.PortfolioResponse 
@{ 
    ViewBag.Title = "PortfolioList"; 
}    
... 
<div class="XmlResp"> 
     <@Html.Raw(@Model.XmlPortfolioResponse.OuterXml.ToString())> 
</div> 

그러나, 나는 많은 내 XML의 문서를 검색하기 위해 $ 아약스()를 사용하는 것을 선호합니다. 유일한 문제는 내 컨트롤러 코드의 반환 값이 XML이 아니라는 것입니다. 형식이 지정된 HTML 텍스트가 반환됩니다.

테스트 div입니다!

표시되는 HTML 형식은 다음과 같습니다.

와우는 어딘가에 있습니까? 내 회사 솔루션 레지스터 로그인 inHomeAboutContactPortfolioPortfolioListPortfolio 목록 This is a test div! © 2012 - 내 ASP.NET MVC ApplicationFacebookTwitter

다음은 jQuery 코드입니다. 나는 DATA 객체에 XML 문서를 갖기를 희망한다.

<script type="text/javascript"> 
    $.ajax({ 
     url: "/Portfolios/PortfolioList", 
     type: "POST", 
     async: true, 
     success: function(data){ 
      if (!data) 
       alert("No xml data returned."); 
      else{ 
       var $xml = $(data); 
       var $title = $xml.find("portfolioSummary").text(); 

       $('.xmlTest').text("Wow are we getting somewhere ?!!!"); 
       $('.xmlTest').append($xml.text()); 
       alert("success!");     
      } 
     }, 
     error: function (error) { 
      alert("failed"); 
     } 

    }); 

몇 가지 지침과 조언을 주시면 감사하겠습니다. 아래와 같이 감사합니다, 밥

Answer 1

보기가 필요하지 않습니다. 당신은 당신의 컨트롤러 액션에서 직접 XML을 반환 할 수 있습니다 : 당신이 적절한 콘텐츠 형식 응답 헤더를 설정 한 이후 지금

[HttpPost] 
public ActionResult PortfolioList() 
{ 
    string xml = ... 
    return Content(xml, "text/xml"); 
} 

, jQuery를 사용하면 직접 작업 할 수있을 것입니다 그것은 당신의 성공 콜백을 구문 분석하는 방법을 알 수 이 XML 스트림.

Answer 2

당신은 아마 당신의 아약스() 설정에서 XML로 데이터 유형을 지정해야합니다

$.ajax({ 
      url: "/Portfolios/PortfolioList", 
      type: "POST", 
      //add this line 
      dataType: "XML", 
      async: true, 
      success: function(data){ 
       if (!data) 
        alert("No xml data returned."); 
       else{ 
        var $xml = $(data); 
        var $title = $xml.find("portfolioSummary").text(); 

        $('.xmlTest').text("Wow are we getting somewhere ?!!!"); 
        $('.xmlTest').append($xml.text()); 
        alert("success!");     
       } 
      }, 
      error: function (error) { 
       alert("failed"); 
      } 

     }); 

다른 옵션에 따라이 기능에뿐만 아니라 JQuery documentation에서있다 당신의 필요