django无法收到ajax的请求数据

问题描述

本想做一个表单验证来熟悉一下ajax的功能,但是跟着教程敲一样的代码,自己的django却没法接收到页面ajax发送的数据,接收到的全是none,一步步调试过,也发现不了问题,后来自己另起一个app写了一个表单验证,django却能收到ajax的数据并返回data,不知道原先的代码出什么问题了,csrf也注释掉了,还是收不到ajax的数据。

问题出现的环境背景及自己尝试过哪些方法

已经试过加上{% csrf_token %} 了,没用,注释掉了setting.py里的csrf拦截了。
另外,把自己的代码和教程做了比对,是一样的,但是教程用的是django1.8,自己用的是2.0,不知道是不是版本问题?把自己的代码替换到教程里面的源码里也不行

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)
views文件:
def ajax(request):

ret = {'status':True,'error':None,'data':None}
try:
    h = request.POST.get('hostname')
    i = request.POST.get('IP')
    p = request.POST.get('port')
    c = request.POST.get('agent')
    print(type(h))
    if h and len(h) > 5:
        models.Host.objects.create(hostname = h,ip = i, port = p,b_id = c)
    else:
        ret['status'] = False
        ret['error'] = '太短了'
except Exception as e:
    ret['status'] = False
    ret['error'] = '请求错误'
return HttpResponse(json.dumps(ret))

urls.py文件:

from django.contrib import admin
from django.urls import path,re_path
from app01 import views

urlpatterns = [

path('admin/', admin.site.urls),
path('host/',views.host),
re_path('business/',views.business),
path('ajax/',views.ajax),]

html代码:(<body>部分)
<form id="add_form" action="/host/" method="POST">

            {% csrf_token %} 
            主机名:<input type="text" name="hostname" id="h1"><span id="error_msg"></span><br>
            IP:<input type="text" name="IP" id="i1"><br>
            端口:<input type="text" name="port" id="p1"><br>
            <select name="agent" id="s1">业务线
                {% for i in v2 %}
                <option value="{{i.b_id}}">{{i.b__caption}}</option>
                {% endfor %}
            </select>
            <input type="submit" value="提交" >
            <input type="button" value="取消" >
            <a id="a1">ajax提交</a>
       
        </form>

<script src="/static/jquery-3.3.1.js"></script>

<script>
    $(function(){
        $('#a1').click(function(){
            $.ajax({
                url:"/ajax/",
                type:'PSOT',
                data:$('#add_form').serialize(),
                success:function(data){
                var obj = JSON.parse(data);
                if(obj.status){
                    location.reload()
                }else{
                    $('#error_msg').text(obj.error)
                }
                }
            })
        })
    })
</script>

你期待的结果是什么?实际看到的错误信息又是什么?

需要整个django文件测试的,希望留下邮箱,请各位大神帮个忙了!

阅读 5.6k
4 个回答

首先是ajax里面的data选项必须传入一个key/value格式的数据,serializer()返回的是一个字符串,这里肯定有问题。
至于csrf我是添加了header

$.ajax({
    ...
    header: { 'X-CSRFToken':{{ csrf_token }} }

js我不是太懂,你可以说试一试

应该换成下面这样

def ajax(request):
    ret = {'status':True,'error':None,'data':None}
    try:
        h = request.POST.get('hostname')
        i = request.POST.get('IP')
        p = request.POST.get('port')
        c = request.POST.get('agent')
        print(type(h))
        if h and len(h) > 5:
            models.Host.objects.create(hostname = h,ip = i, port = p,b_id = c)
        else:
            ret['status'] = False
            ret['error'] = '太短了'
    except Exception as e:
        ret['status'] = False
        ret['error'] = '请求错误'
    data = json.dumps(ret)
    return HttpResponse(data, content_type='application/json')

POST写错了??

<script>
    $(function(){
        $('#a1').click(function(){
            $.ajax({
                url:"/ajax/",
                type:'PSOT',     ←这里
                data:$('#add_form').serialize(),
                success:function(data){
                var obj = JSON.parse(data);
                if(obj.status){
                    location.reload()
                }else{
                    $('#error_msg').text(obj.error)
                }
                }
            })
        })
    })
</script>

@csrf_exempt
在你view方法中加个这个,取消验证

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题