Django - Comment afficher les messages en vertu de l'ajax fonction

Je suis en utilisant AjaxForm plugin pour soumettre mon formulaire sans actualisation. comme:

$('#my_form_id').ajaxForm(function(){

        //something on success or fail
    });

cela fonctionne correctement. lorsque je clique sur le bouton submit, il enregistre le formulaire de données sans actualisation. Mais avant cela, j'avais de django messages sur mon fichier de modèle comme:

{% for message in messages %}
    <div id="notice" align="center">
        {{ message }}
    </div>
{% endfor %}

ce que ce code n'est l'affichage de notifications si le post correctement enregistrés, ou quelque chose a échoué.

maintenant; je ne peux pas le faire. je ne comprends pas comment je peux utiliser ces messages d'étiquettes avec des fonctions ajax.

il enregistre uniquement le post. pas de notifications.

merci.

edit :

add_post url : url(r'^admin/post/add/$', view='add_post',name='add_post'),

liées vue :

@login_required(login_url='/login/')
def add_post(request):
    template_name = 'add.html'
    owner = request.user
    if request.method == "POST":
        form = addForm(request.POST)
        if form.is_valid():
            titleform = form.cleaned_data['title']
            bodyform = form.cleaned_data['body']
            checkform = form.cleaned_data['isdraft']

            n = Post(title=titleform, body=bodyform, isdraft=checkform, owner=owner)
            n.save()
            messages.add_message(request, messages.SUCCESS,
                'New post created successfully!')
        else:
            messages.add_message(request, messages.WARNING,
                'Please fill in all fields!')
    else:
        form = addForm()
    return render_to_response(template_name, {'form': form, 'owner': owner,},
        context_instance=RequestContext(request))

Vous devez coller votre url et la vue.
ajout d'url et de la vue.

InformationsquelleAutor alix | 2012-11-06

11

Ce sont les outils/méthodes qui m'a aidé à résoudre le problème. Tout d'abord, j'ai une aide de l'utilitaire de méthode appelée render_to_json:
```
# `data` is a python dictionary
def render_to_json(request, data):
    return HttpResponse(
        json.dumps(data, ensure_ascii=False),
        mimetype=request.is_ajax() and "application/json" or "text/html"
    )
```
J'ai un messages.html modèle pour rendre le code html nécessaire pour le message(s):
```
{% for message in messages %}
<li{% if message.tags %} class="{{ message.tags }}"{% endif %}>{{ message }}</li>
{% endfor %}
```
Lors de la création d'un message en réponse à une requête AJAX, j'utilise Django render_to_string pour l'emballage du message(s) dans une chaîne de caractères qui est stocké dans un data dictionnaire, qui utilise ensuite mon render_to_json pour retourner une réponse appropriée:
```
def my_custom_view(request)
    # ...  your view code
    data = {
        'msg': render_to_string('messages.html', {}, RequestContext(request)),
    }
    return render_to_json(request, data)
```
Alors, dans mon jQuery $.post(...) fonction de rappel, je vérifie pour voir si le response objet a une msg attribut, puis insérer le contenu de response.msg dans les DOM où je veux qu'il doit être, avec jQuery transitions si vous le souhaitez. Mon base.html le modèle contient le <ul> conteneur pour les messages:
```
<ul id="popup-messages-content">
    {% include 'messages.html' %}
</ul>
```
Remarque que ci-dessus comprend les messages.html pour le cas où vous souhaitez afficher des messages sur une page réelle de la charge (non-requête AJAX) - il est vide si il n'y a pas de messages, mais le <ul> est toujours disponible pour pousser AJAX-les messages reçus dans.

La dernière pièce est la fonction Javascript (nécessite jQuery) - je utiliser en toute $.post(...) rappels pour afficher les messages:
```
function showPopupMessage(content) {
    var elMessages = $('#popup-messages-content');
    if (elMessages.length && content) {
        elMessages.html(content);
    }
}
```
- Si cela a fourni la réponse dont vous avez besoin, vous pouvez le marquer comme tel? Merci!
- Eh bien, c'est embarrassant... Désolé pour la réponse tardive. juste accepté 🙂
InformationsquelleAutor James Addison

J'ai trouvé un moyen plus facile de le faire ici, j'ai pris quelques unes de ces idées et ce fut mon résultat:

Il vous suffit de créer vos messages comme toujours et avant l'envoi de la réponse que vous avez mis dans une liste des dicts:

django_messages = []

for message in messages.get_messages(request):
    django_messages.append({
        "level": message.level,
        "message": message.message,
        "extra_tags": message.tags,
})

Ensuite, vous ajoutez des données et de vos messages et de sérialiser, par exemple:

data = {}
data['success'] = success
data['messages'] = django_messages

return HttpResponse(simplejson.dumps(data), content_type="application/json")

Enfin à votre ajax:

success: function(data){
                                success = data.success;
                                update_messages(data.messages);
                                if (success){
                                    ...                                                                             
                                }
                            },

Et la update_messages fonction:

function update_messages(messages){
$("#div_messages").html("");
$.each(messages, function (i, m) {
                $("#div_messages").append("<div class='alert alert-"+m.level+"''>"+m.message+"</div>");
            });

}

Il fonctionne parfaitement et je l'ai trouvé très facilement de mettre en œuvre

Si votre m.div_messages variables de ne pas être m.level et m.message respectivement?
Aussi ne veux-tu pas message.level_tag plutôt que message.level?
Vous avez raison sur les variables, c'était juste une erreur lors de la traduction du code de l'anglais. Sur level_tag vs niveau je ne suis pas sûr, je n'ai pas vraiment l'utiliser sur mon code. Merci pour les corrections.

InformationsquelleAutor steven2308

Voici une idée toute simple.

Ajouter un espace réservé pour vos messages layout.html, cela permet d'ajouter du nouveau messages en javascript:

<div id="messages">
{% for message in messages %}
    <div id="notice" align="center">
        {{ message }}
    </div>
{% endfor %}
</div>

Au lieu de:

{% for message in messages %}
    <div id="notice" align="center">
        {{ message }}
    </div>
{% endfor %}

Dans add.html, ajouter un autre comme:

{% if messages %}
<ul class="hidden-messages" style="display:none">
    {% for message in messages %}
        <div id="notice" align="center">
            {{ message }}
        </div>
    {% endfor %}
</ul>
{% endif %}

Et ajaxForm ressemblerait à:

$('#your_form_id').ajaxForm({
    success: function(responseText) {
        var newMessages = $(responseText).find('.hidden-messages').html();
        $('#messages').append(newMessages);
    },
});

hmmm. pouvez-vous m'écrire certaines expliquer le code? pour me comprendre il correctement?
je suis en train d'essayer maintenant. merci

InformationsquelleAutor jpic

Vous devez vous connecter pour publier un commentaire.