javascript - 如何通过 AJAX 调用 HTML - Elgg？

Question

我正在尝试通过 AJAX 调用 Elgg 中的 View ，但在>>此处<<

之后没有任何效果

$('.glyphicon-zoom-in').click(function(event) {

    $( '.full-image-view' ).css( "color", "red" ).append('<div>Hope this works</div>');

    // >>HERE<<

    var Ajax = require('elgg/Ajax');
    var ajax = new Ajax();

    ajax.view('albums/inline_full_image_view', {
        data: {
                guid: 123 // querystring
            },
        }).done(function (output, statusText, jqXHR) {
            if (jqXHR.AjaxData.status == -1) {
                return;
            }
            $('.full-image-view').append(output);
        });
    });

输出:希望这有效

我可能做错了什么？

提前谢谢大家。

更新

inline_full_image_view.php

<?php

    echo 'Hello World';

Answer 1

Elgg 使用 requirejs。试试这个:

requirejs(["elgg/Ajax"], function(Ajax) {
    var ajax = new Ajax();
    //rest of your code!!
});

否则，使用原生 JS。

var xhr = new XMLHttpRequest();
xhr.open('GET', encodeURI('albums/inline_full_image_view'));
xhr.onload = function() {
    if (xhr.status === 200) {
        alert('User\'s name is ' + xhr.responseText);
    }
    else {
        alert('Request failed.  Returned status of ' + xhr.status);
    }
};
xhr.send();