Django中使用jquery的ajax进行数据交互的实例代码

站长资源 2024/11/27 佚名

37 1538 37

DDR爱好者之家 Design By 杰米

jquery框架中提供了$.ajax、$.get、$.post方法，用于进行异步交互，由于Django中默认使用CSRF约束，推荐使用$.get

示例：实现省市区的选择

最终实现效果如图：

将jquery文件拷贝到static/js/目录下

打开booktest/views.py文件，定义视图area1，用于显示下拉列表

#提供显示下拉列表的控件，供用户操作
def area1(request):
 return render(request,'booktest/area1.html')

打开booktest/urls.py文件，配置url

url('^area1/$',views.area1),

在templates/booktest/目录下创建area1.html

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Title</title>
 <script src="/UploadFiles/2021-04-02/jquery-1.12.4.min.js">

运行服务器，在浏览器中输入如下网址
http://127.0.0.1:8000/area1/
浏览效果如下图

打开booktest/views.py文件，定义视图sheng，用于获取省信息


url('^sheng/$',views.sheng),





from django.http import JsonResponse
def sheng(request):
 slist=AreaInfo.objects.filter(aParent__isnull=True)
 '''
 [{id:,title:},{},{}]
 '''
 slist2=[]
 for s in slist:
  slist2.append({'id':s.id,'title':s.atitle})
 return JsonResponse({'slist':slist2})


打开booktest/urls.py文件，配置url


url('^sheng/$',views.sheng),


在浏览器中输入如下网址


http://127.0.0.1:8000/sheng/


浏览效果如下图

打开booktest/views.py文件，定义视图shi，用于根据编号获取对应的子级信息，如果传递的是省编号则获取市信息，如果传递的是市编号则获取区县信息



#根据pid查询子级区域信息
def shi(request):
 sid=request.GET.get('sid')
 slist=AreaInfo.objects.filter(aParent_id=sid)
 slist2=[]
 for s in slist:
  slist2.append({'id':s.id,'title':s.atitle})
 return JsonResponse({'slist':slist2})


打开booktest/urls.py文件，配置url


url('^shi/$',views.shi),


在浏览器中输入如下网址
http://127.0.0.1:8000/shi/"" src="/UploadFiles/2021-04-02/2017101517173915.png">
在浏览器中输入如下网址
http://127.0.0.1:8000/shi/
选择效果如下图

总结
以上所述是小编给大家介绍的Django中使用jquery的ajax进行数据交互的实例代码，希望对大家有所帮助！

django,jquery,ajax,数据交互

DDR爱好者之家 Design By 杰米

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

DDR爱好者之家 Design By 杰米

评论“Django中使用jquery的ajax进行数据交互的实例代码”

暂无评论...

更新日志

2024年11月27日

Django中使用jquery的ajax进行数据交互的实例代码

echarts饼图扇区添加点击事件的实例

JS继承与闭包及JS实现继承的三种方式

评论“Django中使用jquery的ajax进行数据交互的实例代码”

更新日志

友情链接