码迷,mamicode.com
首页 > Web开发 > 详细

django + jQuery AJAX初试

时间:2016-01-29 19:46:40      阅读:140      评论:0      收藏:0      [点我收藏+]

标签:

经过反复的测试,终于在django+jQuery AJAX成功返回服务器数据,本次测试在/static/test/test.txt

技术分享

test.txt:

txt = {‘1‘:‘re‘,‘2‘:‘qqq‘,‘3‘:‘www‘,‘4‘:‘rere‘}

 views:

def test(request):
	return render(request,‘app/accounts/test.html‘)

 urls:

技术分享
urlpatterns = [
    url(r^test/$,views.test),
]
View Code

test.html:

{% load staticfiles %}
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>testajax</title>
</head>
<body>
<h3 class="test">请点击下面的按钮,通过jQuery AJAX改变文本</h3>
<button id="btn1" type="button">获取服务器数据</button>




<script src="{% static ‘jquery/jquery-2.2.0.min.js‘ %}"></script>
<script>
    $(document).ready(function(){
        $("#btn1").click(function(){
        $(".test").load("{% static ‘/static/test/test.txt‘ %}");
  })
})
</script>
</body>
</html>


测试返回数据:

技术分享

django + jQuery AJAX初试

标签:

原文地址:http://www.cnblogs.com/dodoye/p/5169353.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!