django jquery 发布然后加载

发布于 2024-09-17 12:44:55 字数 968 浏览 13 评论 0原文

试图让我的网站上的一个部分工作,当它基本上以与 facebooks wall post 相同的方式运行时,

用户会看到一个框,在其中输入一些有关他们感受的信息,然后我使用 jQuery $.post 方法提交数据,然后我想检索新数据。

目前这就是我所拥有的。

<script type="text/javascript">

    $("#testform").submit(function(){
        $.post("/wall/new/", $("#testform").serialize());
        $('#id_text').val('');
        $(this).ajaxComplete(function() {
            $('#news').load('/wall/');
        });
        return false;

    });
</script>

然后 HTML 看起来像这样

<div id="news">
    <h4>{% trans "News feed" %}</h4>

    <form method="post" action="/wall/new/" id="testform">
        <textarea id="id_text" class="wall-input" style="max-height: 100px;" rows="1" name="text"></textarea>

        <input type="submit" value="{% trans 'share' %}" class="blue" id="submit-wall"/>
        <div class="clearfix"></div>
    </form>
</div>

Trying to get a section on my site working when it basically acts in the same way as facebooks wall post

user sees a box where they input some information about how they feel, then I use a jQuery $.post method to submit the data, and then I would like to retrive the new data.

Currently this is what I have.

<script type="text/javascript">

    $("#testform").submit(function(){
        $.post("/wall/new/", $("#testform").serialize());
        $('#id_text').val('');
        $(this).ajaxComplete(function() {
            $('#news').load('/wall/');
        });
        return false;

    });
</script>

And then the HTML looks like this

<div id="news">
    <h4>{% trans "News feed" %}</h4>

    <form method="post" action="/wall/new/" id="testform">
        <textarea id="id_text" class="wall-input" style="max-height: 100px;" rows="1" name="text"></textarea>

        <input type="submit" value="{% trans 'share' %}" class="blue" id="submit-wall"/>
        <div class="clearfix"></div>
    </form>
</div>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

葬シ愛 2024-09-24 12:44:56

$.get 似乎解决了这个问题

$(this).ajaxComplete(function() {
    $.get('/wall/', { user:'myuser'}, function(data){
        $('#news').html(data);
    });
});

$.get seemed to solve the issue instead

$(this).ajaxComplete(function() {
    $.get('/wall/', { user:'myuser'}, function(data){
        $('#news').html(data);
    });
});
格子衫的從容 2024-09-24 12:44:56

除非您愿意自己处理所有 AJAX 细节,否则请查看 jQuery taconite 插件 。它使得 AJAX 功能的实现变得简单。

Unless you are wedded to handling all of the AJAX detail yourself, take a look at the jQuery taconite plugin. It makes fire-and-forget AJAX functionality trivial to implement.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文