javascript - Ajax 和返回数据限制 (jquery)

Question

1. 我正在使用 jquery 对 3 种类型的文件 html/javascript 和 img 文件进行 ajax 调用：

   $.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 的内容。我该怎么做呢？-已解决，谢谢

2. 现在转到有关从图像 url 检索图像以及为什么 javascript 文件返回数据的截断版本的其他问题：

   • js 文件的长度为 8956 个字符，并且似乎在 8343 处将其剪掉......为什么会这样做？
   • 图像文件（打开图像的直接 url）作为二进制数据（我猜）而不是图像返回......返回结果的字符长度为 18615。我如何返回图像而不是数据构成图像？

Answer 1

你的代码对我有用：http: //jsfiddle.net/tsrfq/

但是，它只是替换第一次出现的“<”和“>”，请尝试使用全局正则表达式。

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

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