AJAX 응답이 JQuery와 함께 추가되지 않음

CluelessJSMan

여기 누군가가 나를 도울 수 있기를 바랍니다. 저는 JQuery 나 자바 스크립트를 많이 사용하지 않습니다. 저는 PHP에 더 가깝습니다. 실제로 JQuery를 사용하여 UL에 콘텐츠를 추가하는 것을 제외하고는 작동하는 것처럼 보이는 코드가 있습니다. 방화범에서 로그를 보면 올바른 데이터를 다시 가져 오는 것을 볼 수 있지만 실제로 데이터는 페이지에 입력되지 않습니다. 나는 운없이 .html, .load 및 .append를 시도했습니다. 항상 .load의 php 스크립트에서 초기 HTML을로드하지만 데이터가 항상 동일하더라도 .append 또는 .html이 작동하는지 여부에 대해서는 문제가 있습니다. 내가 가진 것은 다음과 같습니다.

$(document).ready(function(){
        var page = 1;

        $('#favoritesul').load("/custom/getfavorites.php"); //initial load

        //load more on click
        $('#favoritesul').on( "click", "a.paginated", function (e) {
            e.preventDefault();
            ++page; //increment page counter
            //temporarily hide the load icon
            $('#favoritesul > a.paginated').remove();
            //send AJAX
            $.ajax({
                type: 'POST',
                dataType: 'html',
                url: '/custom/getfavorites.php',
                data: { page: page}
            })
            .done(function(data) {
                $('#favoritesul').append(data);
                $('#favoritesul').append('<a href="#" class="paginated"><i class="icon-undo"></i>LOAD MORE</a></ul>');
            })
            .fail(function(){
                alert('post failed');
            });
        });
    });

내가 말했듯이 console.log하고 AJAX 응답을 보면 내가 기대하는 HTML이 표시되고 HTML의 내용을 추가하거나 대체하지 않습니다. 명확성을 위해 추가하려는 HTML의 내용은 다음과 같습니다.

<li class='data-item'><div class='test'><div class='padding'><div class='image-container'><a href='pagelink.php'><img class='image' src='imagesource.jpg' /></a></div><div class='header'><h2 class='heading'><a href='pagelink.php'>Video</a></h2></div></div></div></li>

그리고 기존 페이지의 관련 부분은 첫 번째 .load 이벤트 이전에 다음과 같습니다.

<div class='clear'></div><ul id='favoritesul' class='someclasses'></ul>

미리 도와 주셔서 감사합니다!

Adenet

done()핸들러에 잘못된 HTML이 있습니다 . 첫째 #favoritesul는 UL이고, 앵커를 그것에 추가 할 수없고 LI 만 추가 할 수 있으며, 둘째, 닫는 </ul>태그 만 포함하여 수행하려는 것처럼 부분 요소를 추가 할 수 없습니다 .

유효한 HTML을 추가해보십시오.

.done(function(data) {
    var li = $('<li />');

    li.append(data);
    li.append('<a href="#" class="paginated"><i class="icon-undo"></i>LOAD MORE</a>');


     $('#favoritesul').append(li);
})

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

jquery ajax 응답이 내 Div에 추가되지 않습니다.

분류에서Dev

Ajax 응답 후 이벤트가 트리거되지 않음 Jquery

분류에서Dev

페이지를 새로 고치지 않고 성공 응답 텍스트와 함께 AJAX & PHP로 양식 제출

분류에서Dev

페이지를 새로 고치지 않고 성공 응답 텍스트와 함께 Ajax Php로 양식 제출

분류에서Dev

Ajax Calendar Extender 팁이 텍스트 상자와 함께 표시되지 않음

분류에서Dev

Ajax Calendar Extender 팁이 텍스트 상자와 함께 표시되지 않음

분류에서Dev

jquery ajax 호출에서 작동하지 않는 양식 데이터와 함께 데이터 추가

분류에서Dev

jQuery AJAX 응답이 PHP를 표시하지 않음

분류에서Dev

jQuery AJAX 요청이 응답을 받지만 콜백이 실행되지 않음

분류에서Dev

jquery ajax 호출에서 spring mvc 응답이로드되지 않음

분류에서Dev

Ajax 요청이 응답하지 않음

분류에서Dev

PHP와 AJAX가 함께 작동하지 않음

분류에서Dev

AngularJS와 함께 사용할 때 Django 템플릿이 JSON 응답을 렌더링하지 않음

분류에서Dev

jquery AJAX 자동 완성이 추가되지 않음

분류에서Dev

jquery append와 함께 작동하지 않는 Ajax 양식

분류에서Dev

Visual Studio 2019 Xamarin Forms Android 에뮬레이터가 시스템 UI가 응답하지 않음 메시지와 함께 실패 함

분류에서Dev

ajax가 응답하지 않는 jQuery 호출, 오류 없음

분류에서Dev

jquery와 함께 ajax를 사용하여 중첩되지 않은 목록의 하위 메뉴를 클릭 한 후 사이트의 데이터가 표시되지 않음

분류에서Dev

jquery 클릭 기능이 이상하게 응답합니다. ajax 호출도 트리거되지 않음

분류에서Dev

Ajax 데이터 응답 데이터가 경고하지 않음

분류에서Dev

Chart.js-Ajax 응답이 허용되지 않음

분류에서Dev

Ajax 비동기 응답이 div에로드되지 않음

분류에서Dev

Ajax 응답이 JS에 표시되지 않음

분류에서Dev

Ajax 응답이 JS에 표시되지 않음

분류에서Dev

VerbAce-Pro와 함께 사용할 때 Microsoft Edge가 응답하지 않는 이유는 무엇입니까?

분류에서Dev

Android 앱이 빌드되지 않음-예외와 함께 실패

분류에서Dev

JQuery + ajax + json이 응답을 표시하지 못함

분류에서Dev

교차 도메인 jQuery Ajax 응답이 정의되지 않음을 반환합니다.

분류에서Dev

링크와 이미지가 함께 작동하지 않음

Related 관련 기사

  1. 1

    jquery ajax 응답이 내 Div에 추가되지 않습니다.

  2. 2

    Ajax 응답 후 이벤트가 트리거되지 않음 Jquery

  3. 3

    페이지를 새로 고치지 않고 성공 응답 텍스트와 함께 AJAX & PHP로 양식 제출

  4. 4

    페이지를 새로 고치지 않고 성공 응답 텍스트와 함께 Ajax Php로 양식 제출

  5. 5

    Ajax Calendar Extender 팁이 텍스트 상자와 함께 표시되지 않음

  6. 6

    Ajax Calendar Extender 팁이 텍스트 상자와 함께 표시되지 않음

  7. 7

    jquery ajax 호출에서 작동하지 않는 양식 데이터와 함께 데이터 추가

  8. 8

    jQuery AJAX 응답이 PHP를 표시하지 않음

  9. 9

    jQuery AJAX 요청이 응답을 받지만 콜백이 실행되지 않음

  10. 10

    jquery ajax 호출에서 spring mvc 응답이로드되지 않음

  11. 11

    Ajax 요청이 응답하지 않음

  12. 12

    PHP와 AJAX가 함께 작동하지 않음

  13. 13

    AngularJS와 함께 사용할 때 Django 템플릿이 JSON 응답을 렌더링하지 않음

  14. 14

    jquery AJAX 자동 완성이 추가되지 않음

  15. 15

    jquery append와 함께 작동하지 않는 Ajax 양식

  16. 16

    Visual Studio 2019 Xamarin Forms Android 에뮬레이터가 시스템 UI가 응답하지 않음 메시지와 함께 실패 함

  17. 17

    ajax가 응답하지 않는 jQuery 호출, 오류 없음

  18. 18

    jquery와 함께 ajax를 사용하여 중첩되지 않은 목록의 하위 메뉴를 클릭 한 후 사이트의 데이터가 표시되지 않음

  19. 19

    jquery 클릭 기능이 이상하게 응답합니다. ajax 호출도 트리거되지 않음

  20. 20

    Ajax 데이터 응답 데이터가 경고하지 않음

  21. 21

    Chart.js-Ajax 응답이 허용되지 않음

  22. 22

    Ajax 비동기 응답이 div에로드되지 않음

  23. 23

    Ajax 응답이 JS에 표시되지 않음

  24. 24

    Ajax 응답이 JS에 표시되지 않음

  25. 25

    VerbAce-Pro와 함께 사용할 때 Microsoft Edge가 응답하지 않는 이유는 무엇입니까?

  26. 26

    Android 앱이 빌드되지 않음-예외와 함께 실패

  27. 27

    JQuery + ajax + json이 응답을 표시하지 못함

  28. 28

    교차 도메인 jQuery Ajax 응답이 정의되지 않음을 반환합니다.

  29. 29

    링크와 이미지가 함께 작동하지 않음

뜨겁다태그

보관