django + jQuery AJAX初试

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了django + jQuery AJAX初试相关的知识,希望对你有一定的参考价值。

经过反复的测试,终于在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初试的主要内容,如果未能解决你的问题,请参考以下文章

jQuery + AJAX + Django = CSRF ? [复制]

无法将 jquery/ajax 集成到 django 项目中

django - ajax - 从 jquery/ajax 调用 python 函数

如何在 Django 中使用 jQuery/Ajax 发布?

django之jquery完成ajax

如何使用 Django 和 Jquery 实现 ajax?