Code Snippet:
from .views import get_data
app_name = 'javascript'
urlpatterns = [
path('', views.index, name='index'),
path('api/data', get_data, name='api-data'),
]
Views.py:
from django.http import JsonResponse
def get_data(request):
dictionary = {'Name':'John'}
return JsonResponse(dictionary)
def index(request):
return render(request, 'javascript/index.html')
Index.html:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$.ajax({
method: "GET",
url: "/api/data/",
success: function(dictionary){
console.log(dictionary)
},
error: function(error_data){
console.log("errorrr")
console.log(error_data)
}
})
</script>
When trying to load the index.html file, I am using AJAX to print the contents of a dictionary. However, the Ajax call seems to be failing as indicated by the console log output:
errorrr
127.0.0.1:8000:30:3
Object { readyState: 4, getResponseHeader: getResponseHeader(), getAllResponseHeaders: getAllResponseHeaders(), setRequestHeader: setRequestHeader(), overrideMimeType: overrideMimeType(), statusCode: statusCode(), abort: abort(), state: state(), always: always(), catch: catch(), … }
I suspect there might be an issue with how my jQuery code is written. Can anyone spot a mistake in its implementation?