Question

我试图通过AJAX调用Elgg中的视图，但＆gt;＆gt;＆lt;＆lt;

之后无效

$('.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();

如何通过AJAX调用HTML - Elgg？

1 个答案: