Tech Blog 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.