(Django) Ajax-форма с jquery-формами - PullRequest
Новая
       3

(Django) Ajax-форма с jquery-формами

0 голосов
/ 08 июля 2010

Я пытаюсь добавить форму AJAX отправить на мою веб-страницу.Форма будет добавлять электронную почту пользователя в рассылку.Я нашел это решение: http://www.tutorialswitch.com/web-development/quick-and-simple-ajax-forms-with-json-responses/ и теперь я пытаюсь переписать его для django.

Итак, моя форма включена на главной странице: 

    <div id="form-newsletter-message"></div>
    <form action="{% url newsletter_add %}" method="post" class="form-newsletter" id="form-newsletter">
        <input type="text" class="form-text" name="email" />
        <input type="submit" value="Add" class="form-submit" />
    </form>

Вот мой application.js, единственное изменение - это название формы: 

function setupAjaxForm(form_id, form_validations){
    var form = '#' + form_id;
    var form_message = form + '-message';

    var disableSubmit = function(val){
        $(form + ' input[type=submit]').attr('disabled', val);
    };

    $(form).ajaxSend(function(){
        $(form_message).removeClass().addClass('loading').html('Loading...').fadeIn();
    });

    var options = {
        dataType:  'json',
        beforeSubmit: function(){
            if(typeof form_validations == "function" && !form_validations()) {
                return false;
            }
            disableSubmit(true);
        },
        success: function(json){
            $(form_message).hide();
            $(form_message).removeClass().addClass(json.type).html(json.message).fadeIn('slow');
            disableSubmit(false);
            if(json.type == 'success')
                $(form).clearForm();
        }
    };
    $(form).ajaxForm(options);
}
$(document).ready(function() {
    new setupAjaxForm('form-newsletter');
});

URL: 

urlpatterns = patterns('',
                    url(r'^newsletter_add/$', 'views.newsletter_add', name="newsletter_add"),
)

А теперь проблема с представлением.Основываясь на примере функции .php, я создал это: 

if request.method == "POST":    
    try:
        e = NewsletterEmails.objects.get(email = request.POST['email'])
        message = _(u"Email already added.")
        type = "success"
    except NewsletterEmails.DoesNotExist:
        logging.debug("nie dodany")
        try:
            e = NewsletterEmails(email = request.POST['email'])
        except DoesNotExist:
            pass
        message = _(u"Email added successfully.")
        type = "success"
        e.save()

В результате, когда я нажимаю кнопку «Отправить», я получаю текст «Загрузка ...», а затем ничего. Кнопка «Отправить»постоянно отключается (пока я не перезагружаю браузер), но мой адрес электронной почты добавляется. Ответа нет, а firebug показывает «500 Internal Server Error» Что я делаю не так?

Ответы [ 2 ]

0 голосов
/ 09 июля 2010

просто как идея, у меня была похожая проблема некоторое время назад: http://code.djangoproject.com/ticket/5868

0 голосов
/ 08 июля 2010

Ваш первый шаг - увидеть, что происходит с запросом Ajax. Я рекомендую Firefox с дополнением Firebug для устранения проблем Ajax, хотя я использую Chrome для обычного просмотра. Включите вкладку консоли в Firebug и обновите страницу. Запрос Ajax должен отображаться там, и вы можете развернуть его и посмотреть, не была ли возвращена страница с ошибкой. С помощью Firebug вы можете просмотреть возвращенную страницу с ошибкой и выяснить, что пошло не так.

...