使用Python Django开发web应用13 AJAX

版本声明：转载请注明出处。未经允许，禁止商业用途。

13 使用Python Django开发web应用 AJAX 讲师：刘一凡

AJAX（Asynchronous Javascript And XML）为Web架构提供一种异步数据传输机制。用于创建交互式网页。
从服务器获取信息，更新页面的局部信息，不用重新加载整个页面

使用AJAX技术更新blog总数

第一步：
blog/urls.py中添加
path('blog_number/',views.blog_number),

第二步：
views.py中添加
#返回blog的总数
def blog_number(request):
    return HttpResponse(str(Blog.objects.all().count()))

第三步：
blog.html中增加blog数的显示、按钮和javascript函数
    <button type="button" οnclick="blog_number()">get blog number</button>
    <div id="blog_number_div">0</div>
    
    head中添加
    <script>
        function blog_number(){
            xmlhttp=new XMLHttpRequest();
            xmlhttp.open("GET","/blog/blog_number/",true);
            xmlhttp.send();
            xmlhttp.onreadystatechange=function() {
                  if (xmlhttp.readyState==4 && xmlhttp.status==200) {            
                    document.getElementById("blog_number_div").innerHTML=xmlhttp.responseText;
                }
            }
        }
    </script>

第四步：
展示效果