2014-03-06 5 views
0

Я пытаюсь извлечь текст из удаленного URL и поместить его в DIV на моей текущей странице. Сначала я сначала пытаюсь получить текст из локального файла, но он, похоже, не тянет текст. Какие-либо предложения?Извлечь текст со страницы с помощью jQuery

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>HTML5 with jQuery</title> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 

</head> 
<body> 
    <div id="replace"> 
     Placeholder 
    </div> 

    <script type="text/javascript"> 
     $(document).ready(function(){ 
      $.get("test.txt", function(data) { 
       $("#replace").html(data); 
       } 
      ); 
     }); 
    </script> 
</body> 
</html> 
+1

Вы открываете родительскую страницу в 'http: //'? Вы не можете сделать это в 'file: //' из-за той же политики происхождения. –

+0

Теперь, когда вы упомянули об этом, я верю, что это происходит через файл: //, я получаю XAMPP, чтобы теперь дать лучший тест. – Origin

+0

Это было ... Спасибо! Я слишком ржав с этим. – Origin

ответ

1

Same origin policy предотвращающей страниц от чтения в JavaScript страницы, поступающую от другого происхождения (примерно домен + порт).

Специальный случай является одним из протоколов file://: все файлы, открытые в этом протоколе, рассматриваются с разных источников.

Вот почему вы должны использовать http-сервер для проверки вашего кода AJAX.

0

Используйте тип данных 'text' в запросе $ .get().

$.get('test.txt', function(data) { 
    $("#replace").html(data); 
}, 'text'); 

Пожалуйста, обратите внимание, что последний аргумент является строкой text

0
$.ajax({ 
      url : "test.txt", 
      dataType : 'text', 
      success: function(data) { 
       console.log(data); 
       // your ops 
      } 
}); 
Смежные вопросы