企业标准建站,响应式网站模板下载,视频上到什么地方可以做网站链接,河间做网站的公司jquery框架中提供了$.ajax、$.get、$.post方法#xff0c;用于进行异步交互#xff0c;由于Django中默认使用CSRF约束#xff0c;推荐使用$.get示例#xff1a;实现省市区的选择最终实现效果如图#xff1a;将jquery文件拷贝到static/js/目录下打开booktest/views.py文件用于进行异步交互由于Django中默认使用CSRF约束推荐使用$.get示例实现省市区的选择最终实现效果如图将jquery文件拷贝到static/js/目录下打开booktest/views.py文件定义视图area1用于显示下拉列表#提供显示下拉列表的控件供用户操作def area1(request):return render(request,booktest/area1.html)打开booktest/urls.py文件配置urlurl(^area1/$,views.area1),在templates/booktest/目录下创建area1.htmlTitle$(function () {$.get(/sheng/,function (data) {//{slist:[]}var slistdata.slist;//[{},{},{}...]var sheng$(#sheng);$.each(slist,function (i,n) {//n{id:,title:}sheng.append(n.title)});});$(#sheng).change(function () {var sid$(this).val();if(sid!0){$.get(/shi/,{sid:sid},function (data) {var slistdata.slist;var shi$(#shi).empty().append(请选择);$(#qu).empty().append(请选择);$.each(slist,function (i,n) {shi.append(n.title);});});}});$(#shi).change(function () {var sid$(this).val();if(sid!0){$.get(/shi/,{sid:sid},function (data) {var slistdata.slist;var shi$(#qu).empty().append(请选择);$.each(slist,function (i,n) {shi.append(n.title);});});}});});请选择请选择请选择运行服务器在浏览器中输入如下网址浏览效果如下图打开booktest/views.py文件定义视图sheng用于获取省信息url(^sheng/$,views.sheng),from django.http import JsonResponsedef sheng(request):slistAreaInfo.objects.filter(aParent__isnullTrue)[{id:,title:},{},{}]slist2[]for s in slist:slist2.append({id:s.id,title:s.atitle})return JsonResponse({slist:slist2})打开booktest/urls.py文件配置urlurl(^sheng/$,views.sheng),在浏览器中输入如下网址http://127.0.0.1:8000/sheng/浏览效果如下图打开booktest/views.py文件定义视图shi用于根据编号获取对应的子级信息如果传递的是省编号则获取市信息如果传递的是市编号则获取区县信息#根据pid查询子级区域信息def shi(request):sidrequest.GET.get(sid)slistAreaInfo.objects.filter(aParent_idsid)slist2[]for s in slist:slist2.append({id:s.id,title:s.atitle})return JsonResponse({slist:slist2})打开booktest/urls.py文件配置urlurl(^shi/$,views.shi),在浏览器中输入如下网址浏览效果如下图在浏览器中输入如下网址选择效果如下图总结以上所述是小编给大家介绍的Django中使用jquery的ajax进行数据交互的实例代码希望对大家有所帮助
