Question

目前正在编写一个项目，在加载后将在AJAX结束后用编号列表替换页面上的gif。我无法找到任何关于如何做到这一点，以及我应该放在我的app.get中。我知道我将不得不使用负载，但AJAX对我来说是全新的，我不明白它的舔。

我的node.js服务器代码

'use strict';

const express = require('express'),
    request = require('request'),
    app = express();

app.set('view engine', 'pug');
app.set('views', './views');

app.get('/', function(req, res) {

});

const server = app.listen(3000, function () {
    console.log(`Started server on port ${server.address().port}`);
});

我正在使用的哈巴狗模板

doctype
html
    head
        title PokeyManz
        h1 Top ten starter Pokemon!
    body
        p1 For many gamers, this decision was one of the most influential choices they've ever made!
        div(id='div1')
            img(src='/img/pokeball_gif.gif')

我目前在我的ajax文件中有什么

'use strict';

let xhr = new XMLHttpRequest();

xhr.open('GET', 'localhost:3000/');

xhr.addEventListener('load', function() {
    console.log('load');

});

Answer 1

好的，为了简化一点，我建议您使用支持AJAX调用的库，jQuery可以很好地完成工作。所以，看看这个jsfiddle它使用jQuery.ajax()方法来获取10个小宠物的列表，当然你可以用一个微调器或你发布的gif替换来自init的神奇宝贝图像。希望这对你有所帮助。干杯，sigfried

如何使用AJAX替换内容

1 个答案: