如何使用Ajax成功函数将数据存储在数据库中？

Question

我想通过使用Ajax成功函数从下拉列表中获取数据（用户）。我想单击“添加成员”，它会在按钮下显示用户名，并且刷新页面时该用户名也会保留。

{% block script %}
    var url = $( '#selection-button' ).attr( 'action' );
    $("#selection-button").on('click', function(e) {
        e.preventDefault();
        var value =$('#member_list').val();
        $.ajax({
            type:'POST',
            url: '{% url 'project:project_add_member' project_id=project_id %}',
            data: { user_id:value },
            success:function (result) {
                $("#res").append(value);
            },
            error:function (result) {
              alert('error');
              console.info(data);
            }
        });
    });

{%  endblock %}

Answer 1

一个技巧：首先，像在div区域中一样，显示Ajax调用后的用户名。其次，您实际上在该区域中为用户名添加了一个标签，例如：{{username}}。

起初它总是空的，因为您的db中没有数据（什么都没有显示），但是在您填充数据之后，它首先将ajax结果带到那里，这是暂时的，但它将继续刷新后显示的数据与您通常通过我在上面写的标签调用的相同。

您可以通过视图获得此{{username}}标签。希望您知道如何从数据库调用它。