Troubleshooting "Invalid JSON data" Error in Django Application with AJAX Form Submission

I'm currently developing a web application using Django and Bootstrap, with AJAX functionality to submit forms. My application involves submitting form data to an external API, but I'm encountering a persistent "Invalid JSON data" error when attempting to make POST requests. I am seeking a skilled web developer to troubleshoot and resolve an issue with an AJAX form submission in a Django web application. The form is intended to submit data as a JSON payload to a Django view, which then sends the data to an external API. However, the form data is currently being submitted as application/x-www-form-urlencoded instead of application/json, despite the correct headers being set. Scope of Work: Review the existing AJAX form submission code. Identify and resolve the issue preventing the JSON format submission. Ensure the form data is sent as a properly formatted JSON string to the Django backend. Test the form submission to confirm that the backend receives the JSON payload correctly. Requirements: Expertise in JavaScript, AJAX, and the Django framework. Experience with form submission and handling JSON data. Ability to diagnose and fix the issue within 1-2 hours of work. To Be Provided: Access to the relevant sections of the codebase, including [login to view URL], template files with the form and JavaScript, and any related configuration files. API documentation for reference (e.g., [login to view URL]). Test API keys for the external API (with sensitive information redacted). Deliverables: A corrected form submission process that consistently sends data as JSON to the Django backend. A brief explanation of the changes made for future reference. Note: You do not need to handle the API response logic; the task is solely focused on ensuring the JSON payload is correctly sent from the frontend to the Django backend.