[已解决]我这样写哪里出错了

mingmei123

为什么不能顺利的报错？返回JSON格式那两句代码是不是写错了？

1. @csrf_exempt
   
2. def task_add(request):
   
3.     print(request.POST)
   
4.     # {'level': ['2'], 'title': ['得到的答复'], 'detail': ['静安分局附件'], 'user': ['2']}
   
5. 
   
6.     # 1.用户发过来的数据进行校验
   
7.     form = TaskModelForm(data=request.POST)
   
8.     if form.is_valid():
   
9.         form.save()
   
10.         # 不能返回redict,还是要返回JSON格式
    
11.         data_dict = {"status": True}
    
12.         return JsonResponse(data_dict)
    
13. 
    
14.     # print(type(form.errors.as_json()))
    
15.     # from django.forms.utils import ErrorDict
    
16.     data_dict = {"status": False, 'error': form.errors}
    
17.     return JsonResponse(data_dict, ensure_ascii=False)

复制代码

前端页面：

1. {% extends 'layout.html' %}
   
2. 
   
3. 
   
4. {% block content %}
   
5.     <div class="container">
   
6.         <div class="panel panel-default">
   
7.             <div class="panel-heading">表单</div>
   
8.             <div class="panel-body">
   
9. 
   
10.                 <form id="formAdd">
    
11.                     <div class="clearfix">
    
12.                         {% for field in form %}
    
13.                             <div class="col-xs-6">
    
14.                                 <div class="form-group" style="position: relative;margin-bottom: 20px;">
    
15.                                     <label>{{ field.label }}</label>
    
16.                                     {{ field }}
    
17.                                     <span class="error-msg" style="color: red;position: absolute"></span>
    
18.                                 </div>
    
19.                             </div>
    
20.                         {% endfor %}
    
21. 
    
22.                         <div class="col-xs-12">
    
23.                             <button id="btnAdd" type="button" class="btn btn-primary">提 交</button>
    
24.                         </div>
    
25.                     </div>
    
26. 
    
27.                 </form>
    
28. 
    
29. 
    
30.             </div>
    
31.         </div>
    
32. 
    
33.         <hr/>
    
34.         <h1>Ajax学习</h1>
    
35.         <h3>示例1</h3>
    
36.         <input id="btn1" type="button" class="btn btn-primary" value="点击1" alt="">
    
37. 
    
38.         <h3>示例2</h3>
    
39.         <input type="text" id="txtUser" placeholder="姓名"/>
    
40.         <input type="text" id="txtAge" placeholder="年龄"/>
    
41.         <input id="btn2" type="button" class="btn btn-primary" value="点击2"/>
    
42. 
    
43.         <h3>示例3</h3>
    
44.         <form id="form3">
    
45.             <input type="text" name="name" placeholder="姓名"/>
    
46.             <input type="text" name="age" placeholder="年龄"/>
    
47.             <input type="text" name="email" placeholder="邮箱"/>
    
48.             <input type="text" name="more" placeholder="介绍"/>
    
49.         </form>
    
50.         <input id="btn3" type="button" class="btn btn-primary" value="点击3"/>
    
51. 
    
52.     </div>
    
53. {% endblock %}
    
54. 
    
55. {% block js %}
    
56.     <script type="text/javascript">
    
57.         $(function () {
    
58.             // 页面框架加载完成之后代码自动执行
    
59.             bindBtn1Event();
    
60.             bindBtn2Event();
    
61.             bindBtn3Event();
    
62.             bindBtnAddEvent();
    
63. 
    
64.         })
    
65. 
    
66.         function bindBtn1Event() {
    
67.             $('#btn1').click(function () {
    
68.                 $.ajax({
    
69.                     url: '/task/ajax/',
    
70.                     type: 'post',
    
71.                     data: {
    
72.                         ni: 123,
    
73.                         n2: 456
    
74.                     },
    
75.                     dataType: "JSON",
    
76.                     {#将字符串res转化为前端对象#}
    
77.                     success: function (res) {
    
78.                         console.log(res);
    
79.                         console.log(res.status);
    
80.                         console.log(res.data);
    
81.                     }
    
82.                 })
    
83. 
    
84.             })
    
85.         }
    
86. 
    
87.         function bindBtn2Event() {
    
88.             $('#btn2').click(function () {
    
89.                 $.ajax({
    
90.                     url: '/task/ajax/',
    
91.                     type: 'post',
    
92.                     data: {
    
93.                         name: $("#txtUser").val(),
    
94.                         age: $("#txtAge").val()
    
95.                     },
    
96.                     dataType: "JSON",
    
97.                     {#将字符串res转化为前端对象#}
    
98.                     success: function (res) {
    
99.                         console.log(res);
    
100.                         console.log(res.status);
     
101.                         console.log(res.data);
     
102.                     }
     
103.                 })
     
104. 
     
105.             })
     
106.         }
     
107. 
     
108.         function bindBtn3Event() {
     
109.             $('#btn3').click(function () {
     
110.                 $.ajax({
     
111.                     url: '/task/ajax/',
     
112.                     type: 'post',
     
113.                     data: $("#form3").serialize(),
     
114.                     dataType: "JSON",
     
115.                     {#将字符串res转化为前端对象#}
     
116.                     success: function (res) {
     
117.                         console.log(res);
     
118.                         console.log(res.status);
     
119.                         console.log(res.data);
     
120.                     }
     
121.                 })
     
122. 
     
123.             })
     
124.         }
     
125. 
     
126.         function bindBtnAddEvent() {
     
127.             $('#btnAdd').click(function () {
     
128. 
     
129.                 $(".error-msg").empty();
     
130. 
     
131.                 $.ajax({
     
132.                     url: '/task/add/',
     
133.                     type: 'post',
     
134.                     data: $("#formAdd").serialize(),
     
135.                     dataType: "JSON",
     
136.                     {#将字符串res转化为前端对象#}
     
137.                     success: function (res) {
     
138.                         if (res.status) {
     
139.                             alert("添加成功");
     
140.                         } else {
     
141.                             {#console.log(res.error)#}
     
142.                             $.each(res.error, function (name, data) {
     
143.                                 {#console.log(name,data);#}
     
144.                                 $("#id_" + name).next().text(data[0]);
     
145.                             })
     
146.                         }
     
147.                     }
     
148.                 })
     
149. 
     
150.             })
     
151.         }
     
152.     </script>
     
153. {% endblock %}

复制代码

最佳答案

月排行榜 / 总排行榜

isdkz

2023-7-3 13:28:44

mingmei123 发表于 2023-7-3 13:26
你提的以上几点都排查过了，是没问题的。浏览器的开发者工具报错信息如下

我想着ensure_ascii=False是 ...

ensure_ascii=False  是  json.dumps()  方法的参数，用于确保非 ASCII 字符正确输出。如果你在直接调用  json.dumps()  时使用它，你可以得到期望的效果。

然而，Django 的  JsonResponse  并不直接接受这个参数。它有一个参数  json_dumps_params  ，你可以通过这个参数将  ensure_ascii=False  传递给内部的  json.dumps()  方法。

你可以像这样做：

1. return JsonResponse(data_dict, json_dumps_params={'ensure_ascii': False})
   

复制代码

这样， JsonResponse  将正确处理非 ASCII 字符，避免出现乱码问题。你也可以通过  json_dumps_params  参数传递任何其他  json.dumps()  接受的参数。

跳转到最佳答案楼层

mingmei123

py文件中这两句中有没有问题？

1. data_dict = {"status": False, 'error': form.errors}
   
2. return JsonResponse(data_dict, ensure_ascii=False)

复制代码

mingmei123

难道一定要这样写吗？

1. data_dict = {"status": False, 'error': form.errors}
   
2. return HttpResponse(json.dumps(data_dict, ensure_ascii=False))

复制代码

isdkz

看起来你的代码应该是可以正常工作的。然而，如果你遇到问题，我会建议检查以下几点：

1. 确保你的视图  task_add  正确映射到 URL '/task/add/'。
2. 检查你的  TaskModelForm  是否正确处理并验证数据。在 form.is_valid() 失败的情况下，你将获得 form.errors ，其中包含了错误信息。
3. 检查你是否使用了 Django 的 CSRF 中间件。由于你使用了  @csrf_exempt  装饰器，因此你的 POST 请求不需要 CSRF 令牌。但如果你没有使用 CSRF 中间件，那么你可能需要在你的 AJAX 请求中包含 CSRF 令牌。
4. 检查你的前端页面是否正确发送数据。使用浏览器的开发者工具，你可以查看网络请求的详细信息，包括发送的数据和服务器的响应。你也可以使用  console.log  来调试你的 JavaScript 代码。

如果你能提供更多的错误信息或者说明问题的具体表现，我可以给你更具体的帮助。例如，你可以告诉我：你的视图是否收到 POST 请求？ form.is_valid()  是否返回  True ？你在浏览器的开发者工具中看到的请求和响应是什么？你的 JavaScript 控制台是否显示任何错误？

编程追风梦

根据你提供的代码，有几个问题可能导致无法顺利报错。

1. 在`task_add`视图函数中，你使用了`@csrf_exempt`装饰器，该装饰器用于绕过CSRF保护。如果你的Django项目启用了CSRF保护，这可能导致请求被拦截并返回403 Forbidden错误。请确保在处理表单提交的视图函数中适当处理CSRF令牌。

2. 在前端页面的模板中，你给表单元素添加了`name`属性，但在JavaScript代码中却使用了不同的ID来获取表单数据。请确保在JavaScript代码中使用与表单元素的`name`属性相匹配的ID来获取表单数据。例如，将`$("#txtUser").val()` 修改为 `$("input[name='name']").val()`。

3. 在JavaScript代码中，你的Ajax请求指定了`dataType: "JSON"`，这表示期望从服务器端接收到的响应是JSON格式的数据。但是在Django视图函数中，你使用`JsonResponse`来返回响应，这是正确的。但请确保在Django视图函数中正确设置响应的Content-Type为"application/json"。例如：

1. from django.http import JsonResponse
   
2. 
   
3. ...
   
4. 
   
5. def task_add(request):
   
6.     ...
   
7.     response = JsonResponse(data_dict)
   
8.     response['Content-Type'] = 'application/json'
   
9.     return response
   

复制代码

4. 另外，请确保你的项目A模块已经正确安装并在虚拟环境中。可以使用`pip list`命令来检查项目A是否存在于虚拟环境中的安装包列表中。

求求给个最佳答案吧

mingmei123

isdkz 发表于 2023-7-3 08:11
看起来你的代码应该是可以正常工作的。然而，如果你遇到问题，我会建议检查以下几点：

1. 确保你的视图  ...

你提的以上几点都排查过了，是没问题的。浏览器的开发者工具报错信息如下

我想着ensure_ascii=False是防止中文乱码的，应该不能放在JsonResponse（我删了ensure_ascii=False之后可以运行了）。点开JsonResponse源码，果然没有这个参数，不知道该写另外的哪个参数。不咋会看源码

mingmei123

编程追风梦 发表于 2023-7-3 10:21
根据你提供的代码，有几个问题可能导致无法顺利报错。

1. 在`task_add`视图函数中，你使用了`@csrf_exem ...

报错信息如下

isdkz

mingmei123 发表于 2023-7-3 13:26
你提的以上几点都排查过了，是没问题的。浏览器的开发者工具报错信息如下

我想着ensure_ascii=False是 ...

ensure_ascii=False  是  json.dumps()  方法的参数，用于确保非 ASCII 字符正确输出。如果你在直接调用  json.dumps()  时使用它，你可以得到期望的效果。

然而，Django 的  JsonResponse  并不直接接受这个参数。它有一个参数  json_dumps_params  ，你可以通过这个参数将  ensure_ascii=False  传递给内部的  json.dumps()  方法。

你可以像这样做：

1. return JsonResponse(data_dict, json_dumps_params={'ensure_ascii': False})
   

复制代码

这样， JsonResponse  将正确处理非 ASCII 字符，避免出现乱码问题。你也可以通过  json_dumps_params  参数传递任何其他  json.dumps()  接受的参数。

mingmei123

isdkz 发表于 2023-7-3 13:28
ensure_ascii=False  是  json.dumps()  方法的参数，用于确保非 ASCII 字符正确输出。如果你在直接调用  ...

json_dumps_params是什么意思啊？我在源码也看到它了，然而并不会用......能不能用通俗的话解释一下

isdkz

mingmei123 发表于 2023-7-3 13:31
json_dumps_params是什么意思啊？我在源码也看到它了，然而并不会用......能不能用通俗的话解释一下

看参数名就能看出来呀

json模块的(_)dumps函数的(_)parameters(参数)