子类JsonResponse,Django使用ajax

本文通过一个实例展示了如何在Django中使用JsonResponse返回JSON数据,并结合jQuery的get()方法进行AJAX请求。在Django视图中定义了json1和json2,json2返回一个包含'h1'和'h2'键值对的JSON响应。在前端,通过点击按钮触发AJAX请求,获取并展示这些数据。整个流程涉及到了前后端数据交互的关键步骤。
摘要由CSDN通过智能技术生成

请添加图片描述

在浏览器中使用javascript发起ajax请求时,返回json格式的数据,此处以jquery的get()方法为例。类JsonResponse继承自HttpResponse对象,被定义在django.http模块中,创建对象时接收字典作为参数。

JsonResponse对象的content-type为’application/json’。

示例
1)在booktest/views.py文件中定义视图json1、json2,代码如下:

from django.http import JsonResponse

def json1(request):
return render(request,‘booktest/json1.html’)
def json2(request):
return JsonResponse({‘h1’:‘hello’,‘h2’:‘world’})
2)在booktest/urls.py文件中配置url。

url(r'^json1/$', views.json1),
url(r'^json2/$', views.json2),

3)创建目录static/js/,把jquery文件拷贝到这个目录下。

jquery文件

4)打开test3/settings.py文件,在文件最底部,配置静态文件查找路径,并且要求开启调试

DEBUG = True

STATICFILES_DIRS = [
os.path.join(BASE_DIR, ‘static’),
]
s 5)在templates/booktest/目录下创建json1.html,代码如下:

json
    6)运行服务器,在浏览器中输入如下地址。

    http://127.0.0.1:8000/json1/
    7)点击按钮"获取json数据"后浏览如下图。
    请添加图片描述
    ajax代码执行过程如下:

    1.发起请求。
    2.服务器端视图函数执行。
    3.执行回调函数请添加图片描述

    • 0
      点赞
    • 1
      收藏
      觉得还不错? 一键收藏
    • 0
      评论
    评论
    添加红包

    请填写红包祝福语或标题

    红包个数最小为10个

    红包金额最低5元

    当前余额3.43前往充值 >
    需支付:10.00
    成就一亿技术人!
    领取后你会自动成为博主和红包主的粉丝 规则
    hope_wisdom
    发出的红包
    实付
    使用余额支付
    点击重新获取
    扫码支付
    钱包余额 0

    抵扣说明:

    1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
    2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

    余额充值