JQuery AJAX Запрос метода GET не работает - PullRequest
Новая
       25

JQuery AJAX Запрос метода GET не работает

0 голосов
/ 04 мая 2020

Всякий раз, когда вы нажимаете кнопку, выбирается целевой файл, т. Е. «Demo.txt» (проверяется в сети), но содержимое файла не отображается, что не так? 

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("#button").click(function(){

        $.ajax({url: "http://localhost/suman_php/JQ_AJAX/demo.txt", 
            type:"GET",
            success: function(data,status){
                alert(status);
                $("#div1").html(data);
    }});
  });
});
</script>
</head>
<body>

<div id="div1"><h2>Let jQuery AJAX Change This Text</h2></div>

<button id="button">Click to get Content</button>

</body>
</html>

Ответы [ 3 ]

1 голос
/ 04 мая 2020

Я думаю, что вы пытаетесь отобразить содержимое текстового файла в вашем Div, нажимая кнопку. Вам не нужен метод GET, если вы не пытаетесь получить указанные c данные из ссылки, чтобы использовать их где-то еще в бэкэнде, например, использовать их в PHP. Попробуйте это: 

$.ajax({
            url: "http://localhost/suman_php/JQ_AJAX/demo.txt",
            async: false,   //to wait for text to load
            dataType: "text",  // jQuery will return the text data from the file
            success: function( data, status ) {
              alert(status);
              $("#div1").html(data);
            }
        });
0 голосов
/ 04 мая 2020 
    $(document).ready(function(){

  $("button").click(function(){
  $.get("http://localhost/suman_php/JQ_AJAX/demo.txt", function(data, status){
    alert(status);
    $("#show").html(data);
  });

});

});

Что необходимо изменить в этом коде для просмотра содержимого файла?

0 голосов
/ 04 мая 2020

a) Я предлагаю вам использовать «method» вместо «type»

b) определить функцию «error», как определено здесь: https://api.jquery.com/jquery.ajax/, которая может дать вам некоторая информация, почему запрос не прошел.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...