Ajax 공급자가 너무 많은 HTML을 반환합니다. Asp.Net

Question

Asp.net에서 페이지의 부분 업데이트를하려고합니다. 아약스를 통해 .aspx 페이지를 호출하여 내 페이지의 특정 지점에 추가해야하는 콘텐츠를 작성했습니다. 이전에는 이것이 저에게 효과적이었습니다.

현재 문제는 요소 대신 전체 HTML을 얻었 기 때문에 이전에 내가 한 일을 파악할 수 없다는 것입니다.

   var dataObj = { 'includeInactive': includeInactive, 'MasterPersonId': masterId, 'sChosenSSN': chosenSSN }; 

     $.ajax({ 
      url: 'clientside/providers/MergeJournalProviders/---ShowSomeDuplicateCivilRegistrationNumbers.aspx', 
      dataType: 'html', 
      data: dataObj, 
      cache: false, 
      async: true, 
      beforeSend: function (xhr) { 
      }, 
      success: function (result) { 

       if (result != "" && result != undefined) { 

        //var htmlToAppend = $(result).find("#DuplicatePeople div").html(); 
        //her vælger jeg gruppen(group) der skal opdateres 
        var oldDiv = $('#DupPpl'); 
        var newDiv = jQuery(result).find('#DupPpl').html() 
        oldDiv.replaceWith(newDiv); 
        //$('#DupPpl').empty(); 
        //$('#DupPpl').html(jQuery(result).find('#DuplicatePeople').html()); 
        //$('#DupPpl').remove(); 
        //$('#DupPpl').append(result); 
        //$('#DupPpl').append(result); 


       } 
      } 
     }); 

Answer 1

당신의 결과가 모든 영문 파일에서 HTML과 ID가 "DupPpl"이있는 요소가 그 HTML에 존재하는 경우에 당신은 JQuery와 내용을 사용하여 요소를 얻을 수 있습니다 :

시도 :

를

var oldDiv = $('#DupPpl'); 
var newDiv = $(result).contents().find('#DupPpl').html(); 
oldDiv.replaceWith(newDiv); 

다른 요소를 얻기 위해 동일한 코드를 사용합니다..

$(result).contents().find('YOUR_ELEMENT_ID').html(); 

Answer 2

이것은 업데이트 패널 사용의 불행한 결과입니다. 그들의 단순성은 헤드 오버 이상의 비용이 든다. 그러면 패널의 내용이 다시 게시 될뿐만 아니라 모든 뷰 상태와 HTML 헤더 등이 발생합니다. jQuery, 페이지 메서드 및 웹 서비스를 사용하여보다 효율적인 부분 포스트 백을 수행 할 수 있습니다. 이 문서를 체크 아웃 : http://msdn.microsoft.com/en-us/library/0b283bse%28v=vs.71%29.aspx