Ajax Form and Django integration post errors

Question

I am trying to store data from a form into my Database, I am using Django-Python for the backend.

Here is my HTML form



    
        
            
                First name:

            
            
                

            
            
                 Last name:

            
            
                

            
            
                Email ID:

            
            
                

            
            
                Delivery Address:

            
            
                

            
            
                Contact Number:

            
            
                

            
        
    

             
                "Payment mode:- Cash On Delivery,
                All payment have to be done to the delivery boy by cash."

This is my javascript/Jquery/Ajax

function submitform(){
firstname = $("#firstname").val()
lastname = $("#lastname").val()
email = $("#email").val()
address = $("#address").val()
number = $("#number").val()
string = {
    'firstname' :firstname,
    'lastname' : lastname,
    'email' : email,
    'address' : address,
    'number' : number
}
json_string = JSON.stringify(string);
    $.ajax({
        type: 'POST',
        dataType: 'json',
        contentType: 'application/json; charset=utf-8',
        url: '/orders/store-order-details/',
        data: json_string,
        success: function(data) {
                window.location.href = "/confirmation/";
                }
});
}

This is my Django views.py

def store_order_details(request):
received_json_data = json.loads(request.body)
customer_obj = Customer(first_name=received_json_data['first_name'], last_name=received_json_data['last_name'],
                    email_ID=received_json_data['email_id'], contact_number=received_json_data['number'],
                    address=received_json_data['address'])
print(customer_obj)
customer_obj.save()
print(received_json_data['data'])
return Response(status.HTTP_201_CREATED)

I am not able to figure out the bug in this as I feel this is alright at the superficial level.

The problem is that the data is not getting stored in the database. I am not sure if the data is posted by the Ajax. I feel the Python code in the view is fine. However I doubt if json.loads will work.

I get this error in the terminal

"POST /orders/store-order-details/ HTTP/1.1" 403 2274

When I test my view by using URL parameters

I get this error

the JSON object must be str, not 'bytes'

All form inputs are alphanumeric

Ajax Form and Django integration post errors

Answers (1)

Related Questions