204 응답 및 콜백 기능이있는 비콘 추적 이미지

Daniel Iser

나는 추적 픽셀 JS 기능을 204 "no_content"응답을 사용하도록 변환하기 위해 며칠 동안 노력해 왔습니다.

이 작업을 쉽게 수행 할 수 있지만 나중에 콜백 함수를 실행할 수 있어야합니다.

다음은 204가 반환되면 해고되지 않는 것 같습니다.

    beacon: function (opts) {
        var beacon = new Image();

        opts = $.extend(true, {}, {
            url: pum_vars.ajaxurl || null,
            data: {
                action: 'pum_analytics',
                _cache: (+(new Date()))
            },
            error: function () {
                console.log('error');
            },
            success: function () {
                console.log('success');
            }
        }, opts);

        // Create a beacon if a url is provided
        if (opts.url) {
            // Attach the event handlers to the image object
            if (beacon.onerror) {
                beacon.onerror = opts.error;
            }

            if (beacon.onload) {
                beacon.onload = opts.success;
            }

            $(beacon).on('load', function( response, status, xhr ){
                alert(status);
            });

            // Attach the src for the script call
            beacon.src = opts.url + '?' + $.param(opts.data);
        }
    }

추적은 제대로 기록되지만 경고 또는 콘솔 로그 메시지는 없습니다. 이것이 가능합니까 아니면 단지 시간을 낭비하고 있습니까?

편집하다 ------

아래의 솔루션을 기반으로 최종 버전이 있습니다 (이는 오류와 성공 모두 동일한 콜백을 사용한다고 가정합니다.

    beacon: function (opts) {
        var beacon = new Image();

        opts = $.extend(true, {}, {
            url: pum_vars.ajaxurl || null,
            data: {
                action: 'pum_analytics',
                _cache: (+(new Date()))
            },
            callback: function () {
                console.log('tracked');
            }
        }, opts);

        // Create a beacon if a url is provided
        if (opts.url) {
            // Attach the event handlers to the image object
            $(beacon).on('error success done', opts.callback);

            // Attach the src for the script call
            beacon.src = opts.url + '?' + $.param(opts.data);
        }
    }
Buksy

이미지에 콜백을 첨부하지 않습니다. if (beacon.onerror)이므로 테스트 결과가 거짓 beacon.onerror입니다 null.

당신은 사용해야 if( "onerror" in beacon )여부를 테스트에 beacononerror속성을.

하지만 왜 jquery의 방법을 사용하지 on않습니까?

$(beacon).on("error", function() {
    alert("Jquery error");
});

$(beacon).on("done", function() {
    alert("Jquery done");
});

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

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

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

콜백이있는 비동기 / 대기 서비스 응답 문제

분류에서Dev

JSONP 아약스 응답에는 다른 콜백 내에 콜백이 있으며 응답 객체가 비어 있습니다.

분류에서Dev

자바 스크립트 및 콜백 기능이있는 OOP

분류에서Dev

forEach, 비동기 및 콜백

분류에서Dev

콜백으로 서비스의 응답이 actionscript에서 동시에 발생하지 않습니까?

분류에서Dev

응답시 콜백이 호출되지 않음

분류에서Dev

Superagent가 비동기 폭포에서 응답 콜백 위치를 이동합니다.

분류에서Dev

응답이없는 경우 콜백을 취소하는 방법

분류에서Dev

Rebus 및 RabbitMQ, 비 지속성 메시지 및 요청-응답 피어에 이상적인 설정

분류에서Dev

Node.JS-어떤 비동기 HTTP GET 응답이 콜백에서 데이터를 반환하는지 식별하는 방법은 무엇입니까?

분류에서Dev

RestKit이 핵심 데이터에 저장하기 전에 성공적인 응답 (가능한 콜백) 가로 채기

분류에서Dev

콜백 URL에 대한 응답에서 데이터를 추출하려면 어떻게해야합니까?

분류에서Dev

.map 비동기 콜백 및 이벤트 루프

분류에서Dev

jira 업데이트 중 204 응답 수신

분류에서Dev

동적 콘텐츠 너비의 경우 이미지 왼쪽 및 오른쪽

분류에서Dev

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

분류에서Dev

blpapi 및 bloomberg Excel 추가 기능에 대한 다른 데이터 값 응답

분류에서Dev

콜백 참조 TypeScript 및 반응 형 라이브러리 정의

분류에서Dev

iOS 배치 이미지 다운로드 완료 및 콜백

분류에서Dev

사용자 지정 Drupal 블록에 AJAX 콜백이 응답하지 않음

분류에서Dev

브라우저 캐싱은 핫 링크 된 이미지 + 204 응답을 어떻게 처리합니까?

분류에서Dev

jumbotron 및 배경 이미지가 응답하지 않음

분류에서Dev

jumbotron 및 배경 이미지가 응답하지 않음

분류에서Dev

다른 이미지의 URL을 캐치 서비스 노동자의 요청 및 응답

분류에서Dev

이 AWS 람다로 인해 오류가 발생하는 이유 : 경고 : 콜백 / 응답이 이미 전달됨

분류에서Dev

개조 콜백 응답 본문 받기

분류에서Dev

모든 이미지에 동적 너비 및 높이 및 alt 속성 감지 및 추가

분류에서Dev

모든 이미지에 동적 너비 및 높이 및 alt 속성 감지 및 추가

분류에서Dev

몽구스 비동기 .save 및 콜백

Related 관련 기사

  1. 1

    콜백이있는 비동기 / 대기 서비스 응답 문제

  2. 2

    JSONP 아약스 응답에는 다른 콜백 내에 콜백이 있으며 응답 객체가 비어 있습니다.

  3. 3

    자바 스크립트 및 콜백 기능이있는 OOP

  4. 4

    forEach, 비동기 및 콜백

  5. 5

    콜백으로 서비스의 응답이 actionscript에서 동시에 발생하지 않습니까?

  6. 6

    응답시 콜백이 호출되지 않음

  7. 7

    Superagent가 비동기 폭포에서 응답 콜백 위치를 이동합니다.

  8. 8

    응답이없는 경우 콜백을 취소하는 방법

  9. 9

    Rebus 및 RabbitMQ, 비 지속성 메시지 및 요청-응답 피어에 이상적인 설정

  10. 10

    Node.JS-어떤 비동기 HTTP GET 응답이 콜백에서 데이터를 반환하는지 식별하는 방법은 무엇입니까?

  11. 11

    RestKit이 핵심 데이터에 저장하기 전에 성공적인 응답 (가능한 콜백) 가로 채기

  12. 12

    콜백 URL에 대한 응답에서 데이터를 추출하려면 어떻게해야합니까?

  13. 13

    .map 비동기 콜백 및 이벤트 루프

  14. 14

    jira 업데이트 중 204 응답 수신

  15. 15

    동적 콘텐츠 너비의 경우 이미지 왼쪽 및 오른쪽

  16. 16

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

  17. 17

    blpapi 및 bloomberg Excel 추가 기능에 대한 다른 데이터 값 응답

  18. 18

    콜백 참조 TypeScript 및 반응 형 라이브러리 정의

  19. 19

    iOS 배치 이미지 다운로드 완료 및 콜백

  20. 20

    사용자 지정 Drupal 블록에 AJAX 콜백이 응답하지 않음

  21. 21

    브라우저 캐싱은 핫 링크 된 이미지 + 204 응답을 어떻게 처리합니까?

  22. 22

    jumbotron 및 배경 이미지가 응답하지 않음

  23. 23

    jumbotron 및 배경 이미지가 응답하지 않음

  24. 24

    다른 이미지의 URL을 캐치 서비스 노동자의 요청 및 응답

  25. 25

    이 AWS 람다로 인해 오류가 발생하는 이유 : 경고 : 콜백 / 응답이 이미 전달됨

  26. 26

    개조 콜백 응답 본문 받기

  27. 27

    모든 이미지에 동적 너비 및 높이 및 alt 속성 감지 및 추가

  28. 28

    모든 이미지에 동적 너비 및 높이 및 alt 속성 감지 및 추가

  29. 29

    몽구스 비동기 .save 및 콜백

뜨겁다태그

보관