在django中发布一些内容而不刷新(JQuery、AJAX?)

post something in django without refreshing (JQuery, AJAX ?)

本文关键字:JQuery 刷新 AJAX django 布一些      更新时间:2023-09-26

我正在用django+HTML+JavaScript编写一个音乐测验,我完全被卡住了。

我想做的是计算球员为找到解决方案所花费的时间。但由于音乐的加载时间,我现在拥有的内容没有同步。我的想法是在播放器启动时向django发送一些东西,并在那一刻将time.time()存储在django中(而不刷新页面!)。之后,当玩家点击他认为是的歌曲时,它会发布一个表格,我将新的time.time()与上一首进行比较,就结束了。

一切都很好,但我对Jquery和Ajax了解不多,我认为这是在不刷新页面的情况下发布内容的方法。

我的Javascript(这是一个计时器,它在这里只是为了好看,但我不想发布在Javascript上计算的时间,因为,任何人都可以发布他想要的时间!):

function onPlayerStateChange(event) {
    if (event.data == YT.PlayerState.PLAYING){
        //post Start to Django
        setTimeout(function decompte() { 
            setTimeout(function() {
                te--;
                if (te<0) {
                    te = 9; sc--
                }
                time = sc+" s "+te;
                form.time.value=time;
                if (end) {
                    return;
                }
                else if (sc == 0 & te == 0) {
                    zero()
                }
                decompte();
            }, 100);
        },0); //launch the function... Not a very esthetic way to do it but it works !
    }
}

有什么想法吗?

它可以通过一个简单的jQueryPost请求来完成。下面的django项目示例中给出了很多例子。它有合适的HTML/jQuery来发送AJAX调用,urls.py来接收,myapp/views.py来处理和返回响应。

https://github.com/sivaa/django-jquery-ajax-exmaples