Front desk form:
<div action= "login_in" method= "post" > {% csrf_token%} <input type= "text" name= "user" id= "user" > < Input type= "text" name= "pwd" id= "pwd" > <input type= "Submit" id= "BTN" value= "Login" ></div><script> $ (function () {$ ("#btn"). Click (function () {var data = Json.stringify ({"User": $ ("#user"). Val (), "pwd": $ ( "#pwd"). Val ()}) $.ajax ({url: "login_in", ContentType: ' Application/json;charset=ut F-8 ', type: "POST", Data:data, Beforesend:function (XHR, settings) { var token = $ (' input[name=csrfmiddlewaretoken] '). Val () Xhr.setrequestheader ("X-csrftoken", to KEN); }, {% comment%}beforesend:function (xhr,settings) {Xhr.setrequestheader ("X-csrftoken", $.cookie ("Csrftoken"))},{% endcomment%} success:function (data) {Conso Le.Log (data)},error:function (Error) {Console.log ("error") Console.log (Error)} }) }); }) </script>
Background functions:
from django.shortcuts import render,HttpResponseimport jsonclass Blog(): def login_in(req): if req.method == ‘POST‘: data = json.loads(req.body) if data[‘user‘] == "admin" and data[‘pwd‘] == "123": return HttpResponse(json.dumps(data), content_type=‘application/json‘) return render(req, ‘error.html‘)
Python Ajax request and return JSON