DjangoBB LoFi version

Полная версия: Ajax-Form submission (jQuery)

Начало » Django » Ajax-Form submission (jQuery)

Gorazio

Май 17, 2012 16:47:33

Всем привет.
Начну с того, что есть:

#models.py
class Student(models.Model):
    name = models.CharField(max_length=25)
    ...
    my_photo = models.ImageField(upload_to='img/')
    def __unicode__(self):
        return '%s,%s' % (self.name, self.surname)
#forms.py
class StudentForm(ModelForm):
     def __init__(self, *args, **kwargs):
        super(StudentForm, self).__init__(*args, **kwargs)
        ...
     class Meta:
          model = Student
#views.py
@login_required
def main_page_edit(request):
    try:
        my_info = Student.objects.get(pk=1)
    except:
        my_info = None
    if request.method == 'POST':
        form = StudentForm(request.POST, request.FILES, instance=my_info, auto_id=False)
        if form.is_valid():
            form.save()
            return redirect('main')
    else:
        form = StudentForm(instance=my_info)
    return direct_to_template(request, 'main_page_edit.html',
                              {'form':form})
#'main_page_edit.html'
<form enctype="multipart/form-data" action="{% url editme %}" method="POST" id="contact-form">
	<div id="form-fields">
	{% csrf_token %}
	{{ form.as_p }}
	<p><input type="submit" value="Save" id="savebutton" name="savebutton"/></p>
	</div>
</form>

Здесь реализована форма редактирования информации о единственном студенте. Все работает.
Очень прошу, дайте ссылку или покажите пример где реализовано ajax Submission формы хотя-бы с одним текстовым и одним FileField полями.
Чтобы понять как это работает - мне нужно увидеть рабочий пример, а в интернете есть примеры или без файлового поля, или только с файловым, или только с текстовыми или и то и то но со вставками в коде типа “do something with your data”. Понимаю,что скорее всего несу ерунду - и потому прошу: помогите внести ясность. Наперед спасибо.

magnet85

Май 17, 2012 19:57:18

Используй http://jquery.malsup.com/form/ и проверяй ajax запрос или нет. request.is_ajax()

Gorazio

Май 18, 2012 00:13:36

magnet85
Используй http://jquery.malsup.com/form/ и проверяй ajax запрос или нет. request.is_ajax()

Спасибо, что откликнулись, но я знаю об этом плагине, и о request.is_ajax(). Меня интересует - как оно в природе происходит:(. Кто может, покажите пример пожалуйста.

Gorazio

Май 18, 2012 12:02:33

:(
HELP!

fata1ex

Май 18, 2012 18:04:21

Заходите на github.com. Находите строку поиска. Набираете в ней “request.is_ajax”. При желании указываете требуемый язык. Это Python. Получаете ~1500 результатов “как оно происходит в природе”.

vvpoloskin

Май 26, 2012 10:33:17

//submit_form.js
function handle(data){
           html = '' //HTML код, который будет вместо формы
           jsdata = eval('(' + data + ')');
//Обрабатываем jsdata
           formobj = $("#contact-form").html(html);
}
function senddata(){
           url = '.'
	   formobj = $("#contact-form");
//Получаем значения из формы через DOM или JQuery Plugins
           values = {'val1':val1, 'val2':val2}
           $.post(url, values, handleajax);
	});

<!--Template-->
<p><input type="submit" value="Save" id="savebutton" name="savebutton"/ onclick="senddata();"></p>

#views.py
def main_page_edit(request):
      if request.is_ajax() and request.method == 'POST':
#Обрабатываем форму
             if form.is_valid():
                     return HttpResponse(simplejson.dumps(dictionary_data_ok))
           return HttpResponse(simplejson.dumps(dictionary_data_fail))