How to retrieve Django form object inside html to use AJAX later on

Question

I know how to save the form in Django using AJAX, but don't know how to retrieve the form object from Django and inject the form inside HTML.

I need to retrieve the form data through return HttpResponse(jhjson, {'content_type' : 'application/json'}) instead of return render(request, 'task/mobileInventory.html', {'form': form})

View.py

def get_try(request, sid):
    print (sid)
    member = get_object_or_404(TaskMaster, pk=sid)
    form = CreateTaskMaster(instance=member)
    return render(request, 'task/mobileInventory.html', {'form': form})

It is unclear to me what you are asking. Are you wondering how to send data from a form using an ajax request instead of passing it with a form, or are you wanting to know how to receive the request, or is it something else entirely? — PoDuck
– PoDuck, Commented Dec 21, 2017 at 7:22

Muhammet Enginar · Accepted Answer · 2017-12-22 04:45:05Z

1

Creating Django Form Objects

First, you need to create a Django Form object.

from django import forms

class SomeForm(forms.Form):
    some_field = forms.CharField(label='Some Field', max_length=100)

Rendering Django Forms

After creating a form object, you can render it inside HTML as follows.

from django.shortcuts import render

def form_view(request):
    # import your form here
    form = SomeForm()
    # you are rendering your form object as some_form inside an html
    return render(request, 'your_html_file', {'some_form': form})

Using Django Forms Inside HTML

Finally, you can inject your form using Django template language's double bracket notation.

<form action="your_ajax_call">
    {{ some_form }}
    <input type="submit" value="Submit" />
</form>

edited Dec 22, 2017 at 4:45

answered Dec 21, 2017 at 8:14

Muhammet Enginar

5166 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Mohamed Naveen Over a year ago

It may sound silly but I am very new to programming I would like to know how we handle the ajax and HTML part

Mohamed Naveen Over a year ago

And also I am getting an error that form cannot be serializable

Muhammet Enginar Over a year ago

I just updated my answer. And also you should read the documentation first. docs.djangoproject.com/en/2.0/topics/forms

Collectives™ on Stack Overflow

How to retrieve Django form object inside html to use AJAX later on

1 Answer 1

Creating Django Form Objects

Rendering Django Forms

Using Django Forms Inside HTML

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Creating Django Form Objects

Rendering Django Forms

Using Django Forms Inside HTML

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related