ajax로드 된 컨텐츠에 신비한 줄 바꿈이 추가되고 있습니다.

Question

.ajax 또는 .load를 사용하여 .html 페이지의 컨텐츠를로드하거나 요소를 바꿉니다. 두 경우 모두 콘텐트가 호출되고 삽입되며 .html 파일의 내용 뒤에 추가되는 신비한 새로운 행 (중단 요소가 아니지만 \ n 또는 \ r과 유사 함)이 있습니다.

<div class="loaded parent"> 
// all my loaded content 
</div> 
" 
(ghost line) 
" 

코드에는 휴식이 없습니다 그래서이에서 오는 아무 생각이 : 같은

크롬의 요소 관리자에서 보인다.

.html 중에서

<div id="ForgotPasswordForm" class="ajax"> 
<h2>Reset Your Password test</h2> 
<div class="BlockContent"> 
<p> Enter your email below to request a password reset. An email will be send with a reset link. </p> 
<p class="ErrorMessage" style="display:none"></p> 
<form action="/login.php?action=send_password_email" method="post" onsubmit="return check_forgot_password_form()"> 
<div> 
<dl style="width: 270px;margin: 0 auto;height: 30px;"> 
<dt style="float: left;width: 100px;text-align: right;margin:5px 5px 0 0;"> <span class="Required">*</span> Email Address: </dt> 
<dd style="float:left;font-size:12px;width:150px;"> 
<input style="padding:4px;" type="text" class="Textbox" name="email" id="email" /> 
</dd> 
</dl> 
<p class="Submit" style="text-align:center"> 
<input type="submit" value="Continue" /> 
</p> 
</div> 
</form> 
</div> 
</div>​ 

스크립트 :

$('#recover-pass').click(
     function(e){ 
      e.preventDefault(); 
      //$('#login-content').load('/content/ResetPassword.html'); 
      $.ajax({ 
        url: '/content/ResetPassword.html', 
        success: function(data) { 
         $('#login-content').replaceWith(data); 
         alert('Load was performed.'); 
        } 
      }); 
     }); 

Answer 1

대부분의 텍스트 파일 형식은 EOF에서 마지막 줄 바꿈 문자로 파일을 저장합니다. 서버 측 include와 같은 html 파일을 처리한다고 가정하면 증상이 나타날 수 있습니다.

Answer 2

코드를 Windows의 메모장과 같은 다른 편집기로 복사/붙여 넣기를 시도해보십시오. 많은 텍스트 편집기는 다른 OS의 줄 바꿈을 사용할 수 있으며 사용하도록 설정된 줄 바꿈 이외의 줄 바꿈을 삭제할 수없는 일부를 보았습니다. 예를 들어, 한 텍스트 편집기는 파일 끝에 Mac 줄 바꿈을 넣고 Windows에서 열면 텍스트 편집기는 그 줄 바꿈을 표시하거나 나타내지 않습니다. 메모장은 거의 모르는 것을 모두 무시하므로 거기에 붙이면 여분의 휴식 시간을 없앨 수 있습니다.

모든 파일을 사용하여 모든 AJAX 요청의 효과를 보는 것이 아니라면, 아마도 이것이 범인 일 것입니다.