Ajax와 데이터 제한 (JQuery와)

Question

1. 내가 HTML/자바 스크립트와 IMG 파일 파일의 3 개 종류에 Ajax 호출을 할 jQuery를 사용하고 반환 :

   $.ajax({ 
       url: url, 
       type: "POST", 
       dataType: "text", 
       async: true, 
       success: function(data) { 
        data = data.replace('<', '&lt;'); 
        data = data.replace('>', '&gt;'); 
        $('#file_content').html('<pre>' + data + '</pre>');  
       }, 
       error: function(a,b,c){ 
        alert("There has been an error! Try again..."); 
       } 
   }); 
   

   • HTML 파일이입니다 이 :

     <link href = "{get_url}style.css" rel = "stylesheet" type = "text/css" /> 
     <script language = "javascript"> 
         var get_url = '{get_url}'; 
     </script> 
     <script src = "{get_url}functions.js" language = "javascript"></script> 
     
     <div id="screen"> 
         <div id="floor"></div> 
         <div id="ceiling"></div> 
     </div> 
     <div id="minimapcontainer"> 
         <canvas id="minimap"></canvas> 
         <canvas id="minimapobjects"></canvas> 
     </div> 
     

   반환 된 데이터는 이것이다 :

   <link href = "{get_url}style.css" rel = "stylesheet" type = "text/css" /> 
   

   나머지는 html보다 작고 더 큰 표지판을 대체하고 있지만 실제로는 html로 처리되지 않은 콘텐츠를 반환해야합니다. 어떻게해야합니까?

   이
   • JS 파일은 8956입니다 : -SOLVED, 감사

   • 이제 자바 스크립트 파일은 데이터의 오프 냈다 버전을 반환하는 이유는 이미지의 URL에서 이미지를 검색하고 대한 다른 질문에 이동 문자가 길어서 8343에 그것을 잘라 버리는 것 같습니다 ... 왜 이렇게 할 수 있을까요?

   • 이미지 파일 (이미지에 대한 직접 URL 열기)이 이미지가 아닌 이진 데이터로 반환됩니다 ... 반환하는 결과의 문자 길이는 18615입니다. 대신 이미지를 반환합니까? 데이터가 이미지를 구성합니까?

Answer 1

귀하의 코드는 나를 위해 작동 : http://jsfiddle.net/tsrfq/

그러나, 그것은 단지 "<"과의 첫 번째 항목을 대체 ">"대신 글로벌 정규 표현식을 사용해보십시오.

data = data.replace(/</g, '&lt;'); 
data = data.replace(/>/g, '&gt;'); 

http://jsfiddle.net/tsrfq/1/