Django与Ajax交互中JSON解析失败的引号问题排查

沈知远
沈知远
发布时间:2026-10-13| 4人浏览过
原创

本文分析Django后端通过HttpResponse返回JSON数据时,因Python字典字符串表示法使用单引号导致前端Ajax无法解析的问题。通过对比错误代码与修正后的双引号格式,明确了标准JSON字符串对引号的要求,提供了修复前后端数据交互的实用方案。

在前端利用Ajax进行数据交互的场景下:

$.ajax({
 cache: false,
 type: "POST",
 url: {% url ''%}
 data: $('#form').serialize(),
 async: true,
 success: function (data) {
  if (data.status == 'success') {
   $('#form')[0].reset();
   alert("提交成功")
  } else if (data.status == 'fail') {
   $('#tip').html(data.msg)
  }
 },
});

后端处理代码如下:

if form.is_valid():
 
return HttpResponse("{'status':'success'}", content_type='application/json')

尽管后端能够正常接收请求并返回响应数据,但前端却无法正确解析返回的内容。

将代码调整为如下形式,即将JSON内部内容的单引号替换为双引号,同时将外层包裹的双引号改为单引号后,前端即可正常解析数据。

if form.is_valid():
 return HttpResponse('{"status":"success"}', content_type='application/json')

推测原因与标准JSON格式的规范有关。

以上关于Django与Ajax之间JSON传输方法的分享到此结束,希望能为读者提供有益参考,并欢迎大家继续支持本站。

相关标签:

免责声明:本文内容仅供参考,不代表本站观点。转载或引用请注明出处。

Python 相关产品和应用

全部下载
Selenium

Selenium

4.51.0 · Windows

用于浏览器自动化和 Web 测试的 Python 工具。

scikit-learn

scikit-learn

1.9.1 · Windows

常用 Python 机器学习算法与模型评估工具库。

Black

Black

26.10.1 · Windows

强调一致性的 Python 自动代码格式化工具。

Ruff

Ruff

0.17.1 · macOS

由 Rust 编写的高速 Python 代码检查和格式化工具。

pytest

pytest

9.1.1 · Windows

简洁而强大的 Python 自动化测试框架。

FastAPI

FastAPI

0.146.0 · Windows

高性能 Python API 框架,支持类型提示和自动接口文档。

Flask

Flask

3.1.3 · Windows

轻量灵活的 Python Web 应用框架。

Django

Django

6.1.2 · Windows

成熟的 Python Web 框架,适合构建内容站点和业务系统。

Spyder

Spyder

6.1.7 · Windows

面向科学计算与数据分析的 Python 集成开发环境。

SciPy

SciPy

1.18.1 · Windows

面向科学、工程和技术计算的 Python 算法库。