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

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

示例:实现省市区的选择

最终实现效果如图:

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

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

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

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

rush:js;"> url('^area1/$',views.area1),

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

rush:js;"> <Meta charset="UTF-8"> Title

运行服务器,在浏览器中输入如下网址

浏览效果如下图

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

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

在浏览器中输入如下网址

浏览效果如下图

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

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

在浏览器中输入如下网址

浏览效果如下图

在浏览器中输入如下网址

选择效果如下图

总结

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

相关文章

页面搜索关键词突出 // 页面搜索关键词突出 $(function () {...
jQuery实时显示日期、时间 html: &lt;span id=&quot...
jQuery 添加水印 &lt;script src=&quot;../../../.....
中文:Sys.WebForms.PageRequestManagerParserErrorExceptio...
1. 用Response.Write方法 代码如下: Response.Write(&q...
Jquery实现按钮点击遮罩加载,处理完后恢复 思路: 1.点击按...