Question

我有一个按钮：

<a href="#" id="buttonNew" class="buttonNew">{{ 'buttonNewText'|trans }}</a>

点击此按钮时的ajax动作：

    $(function(){
        $("#buttonNew").click(function(e){
            $.ajax({
                type: "POST",
                url: "{{ path('ajax_load_new_note_form') }}",
                success: function(data) {
                    $('#homeLeft').html(data);
                }
            });
        });
    });

我第一次点击我的按钮时，会发送一个帖子请求，所以没关系。但是当我再次点击时，没有其他请求被发送。当我重新加载我的页面时，点击发送请求而不是下一次点击。

我缺少什么？

先谢谢你

Answer 1

尝试

$(function(){
    $("body").on('click','#buttonNew',function(e){
        $.ajax({
            type: "POST",
            url: "{{ path('ajax_load_new_note_form') }}",
            success: function(data) {
                $('#homeLeft').html(data);
            }
        });
    });
});

Answer 2

这应该有效：

$(function(){
    $("#buttonNew").click(function(e){
        $.ajax({
            type: "POST",
            url: "{{ path('ajax_load_new_note_form') }}",
            success: function(data) {
                $(this).html(data);
            }
        });
    });
});

Jquery ajax post请求只在一次点击操作中发送一次

2 个答案: