Hacks by Ruddra

Sample Ajax GET/POST Request in Django

This post is depricated and might not be useful.

Let us make a test scenario here: A dropdown field which on change we are going to send a Get/Post request to Django and return response.

Let us start coding….

<select id="select_dropdown">
  <option value="joshua">joshua</option>
  <option value="peter">peter</option>
  .... ....
</select>

Let’s make an Ajax request after the change in the dropdown field.

$(document).ready(function(){

$('#select_dropdown').change(function(){
var e = document.getElementById("select_dropdown");
var value = e.options[e.selectedIndex].value;

$.ajax({
    url: "your-url",
    type: "post", // or "get"
    data: value,
    success: function(data) {

        alert(data.result);
    }});
});

Here on change of a post request is called. Now let’s handle the view.

import json
def post(request):
    if request.method == "POST": #os request.GET()
        get_value= request.body
        # Do your logic here coz you got data in `get_value`
        data = {}
        data['result'] = 'you made a request'
        return HttpResponse(json.dumps(data), content_type="application/json")

Thats all.

Share Your Thoughts
M ↓   Markdown
Shivam Taneja
Monday, Aug 28, 2017

can you suggest me the process with the help of which we can change the drop down list with respect to other

Shivam Taneja
Monday, Aug 28, 2017

is this the complete process of ajax including views and templates