django ajax返回,Django开发之Ajax 返回内容报错

预期效果

Django通过Ajax POST提交数据，前台弹窗处理结果

粗略代码

# views.py 代码

...省略...

msg = {

'code': 200,

'message': 'Hello World'

}

...省略...

return HttpResponse(json.dumps(msg), content_type='application/json')

# hello.html 代码

...省略...

success: function (res) {

var jsondata = JSON.parse(res);

alert(jsondata.message);

}

...省略...

问题现象

Django通过Ajax POST提交数据，views视图通过HttpResponse返回结果，在返回结果前使用了 json.dumps 方法，结果：前台无任何反应。打开F12查看，在Console中出现报错：

...省略...

Unexpected token o in JSON at position 1

...省略...

调整代码

通过调整代码，发现前台弹窗内容为： [Object Object]

# hello.html 代码

...省略...

success: function (res) {

alert(res);

}

...省略...

问题解决

调整最终代码，修改为 alert(res.message); 问题解决

# hello.html 代码

...省略...

success: function (res) {

alert(res.message);

}

...省略...

Django开发之Ajax POST提交403报错

问题现象 Django开发时,前端post提交数据时,由于csrf机制,如果不做处理会报403报错 问题解决 通过在data字段中添加 csrfmiddlewaretoken: '{{ csrf_to ...

EasyPlayerPro(Windows)流媒体播放器开发之ffmpeg log输出报错

EasyPlayerPro主要基于ffmpeg进行开发,在EasyPlayerPro开发过程中,曾遇到一个相对比较棘手的问题,该问题一般在播放不是很标准的流或者网络情况较差,容易出现丢帧的情况特别容易 ...

spring boot 开发 ajax返回值报错

org.thymeleaf.exceptions.TemplateInputException: Error resolving template "succeed", templ ...

Django 编写自定义的 404 / 500 报错界面

Django 编写自定义的 404 / 500 报错界面 1. 首先 setting.py 文件中的 debug 参数设置成 false ,不启用调试. DEBUG = False 2. 在 temp ...

python2 + selenium + eclipse 中,通过django生产数据库表的时候报错

python2 + selenium + eclipse 中,通过django生产数据库表的时候报错 解决: 1.查看自己电脑中,“开始-->控制面板-->管理工具-->服务--&g ...

使用wkwebview时，push后，再pop返回，报错

使用wkwebview时,push后,再pop返回,报错 Cannot form weak reference to instance (xxxx) of class xxxx. It is poss ...

python自动开发之(ajax)第二十天

1.Django请求的生命周期 路由系统 -> 试图函数(获取模板+数据=>渲染) -> 字符串返回给用户 2.路由系统 /index/ -> 函数或类.as_view() / ...

ajax jsonp请求报错not a function的解决方案

概述 最近工作中使用ajax,有时会报json4 is not a function的错误,有时又不会报错.找了很久,网上说是因为多次请求同一个资源导致的,但是我检查了自己的代码,对于重复资源并没有重 ...

随机推荐

最短路(Floyd)

关于最短的先记下了 Floyd算法: 1.比较精简准确的关于Floyd思想的表达:从任意节点A到任意节点B的最短路径不外乎2种可能,1是直接从A到B,2是从A经过若干个节点X到B.所以,我们假设maz ...

XML Schema and XMLspy notes

Introduction An xml documents consists of elements, attributes and text. There are two structures in ...

集成EaseUI报错 环信3.1.5，托入EaseUI后，系统文件报错

一托入EaseUI的文件夹,就各种系统报错,NSObject文件也错了,不能编译UIKit头文件…………………… 解决方案以及参考文档 http://www.jianshu.com/p/291ac34 ...

配置jenkins，并把iOS包自动上传至fir.im

安装jenkins,有两种方式 1.首先要安装 homebrew,利用homebrew来管理安装包十分方便,一条命令就可以 安装 homebrew命令 $ ruby -e "$(curl - ...

java nio之Buffer(一)

Buffer是一个包装了基本数据元素数组的对象,它以及它的子类定义了一系列API用于处理数据缓存. 一.属性 Buffer有四个基本属性: 1.capacity  容量,buffer能够容纳的最大元素 ...

include包含头文件的语句中,双引号和尖括号的区别

include包含头文件的语句中,双引号和尖括号的区别   #include <>格式:引用标准库头文件,编译器从标准库目录开始搜索 #incluce ""格式:引用非 ...

Java中clone方法的使用

什么是clone 在实际编程过程中,我们常常要遇到这种情况:有一个对象object1,在某一时刻object1中已经包含了一些有效值,此时可能会需要一个和object1完全相同新对象object2,并 ...

codeforces 251 div2 D&period; Devu and his Brother 三分

D. Devu and his Brother time limit per test 1 second memory limit per test 256 megabytes input stand ...