—轮询

即每隔2s去询问后端有没有想要的数据，如果有则返回数据。如果没有，则等一次的2s到了，再去询问

优点：实现简单

缺点：需要重复建立http连接，占用客户端服务端大量的资源

　　客户端越多，服务端压力越大，如果数据更新慢。大部分都是无效请求

　　数据不一定实时更新，需要看设定的时间间隔，存在延迟

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.1/jquery.js"></script>
    <style>
        .msg{
            height: 500px;
            border: 1px solid #ddd;
            width: 100%;
        }
    </style>
</head>
<body>
    <div class="msg"></div>
    <div>
        <input type="text"   placeholder="请输入" id="text">
        <input type="button" value="发送" onclick="sendMsg();">
    </div>
</body>
<script>
    function sendMsg() {
        var text = $("#text").val();
        console.log(text)
        $.ajax(
            {
                url:'/send/msg/',
                type:'POST',
                data:{
                    text:text
                },success:function (res) {
                    console.log('请求发送成功',res)
                }
            }
        )

    }
    max_index = 0;
    //每2s向后台发送请求获取数据，并展示在界面上
    setInterval(function () {
        $.ajax({
            url:'/get/msg/',
            type:'GET',
            data:{'index':max_index},
            success:function (res) {
                max_index = res.max_index;
                $.each(res.data,function (index,item) {
                    console.log(item);
                    var tag = $("<div>");
                    tag.text(item);      //创建一个标签<div></div>
                    $(".msg").append(tag);
                })
            }
        })

    },2000)
</script>
</html>

即每隔一定的时间发送一次请求

 

 

 

后端实现

from django.shortcuts import render,HttpResponse
from django.http import JsonResponse
from django.http import request as requests
from django.views import View
import json

# Create your views here.
db = []
class home(View):
    def get(self,request,*args,**kwargs):
        return render(request, 'index.html')

class sendMsg(View):
    def post(self,request,*args,**kwargs):
        text = request.POST.get('text')
        print(request.POST.get('text'))
        db.append(text)
        return  HttpResponse('1212')

class getMsg(View):
    def get(self,request,*args,**kwargs):
        curIndex = request.GET.get('index')
        curIndex = int(curIndex)
        content = {
            'data': db[curIndex:],
            'max_index':len(db)
        }
        return JsonResponse(content)

 

原文地址：http://www.cnblogs.com/powfu/p/16897996.html

1. 本站所有资源来源于用户上传和网络，如有侵权请邮件联系站长！ 2. 分享目的仅供大家学习和交流，请务用于商业用途! 3. 如果你也有好源码或者教程，可以到用户中心发布，分享有积分奖励和额外收入！ 4. 本站提供的源码、模板、插件等等其他资源，都不包含技术服务请大家谅解！ 5. 如有链接无法下载、失效或广告，请联系管理员处理！ 6. 本站资源售价只是赞助，收取费用仅维持本站的日常运营所需！ 7. 如遇到加密压缩包，默认解压密码为"gltf",如遇到无法解压的请联系管理员！ 8. 因为资源和程序源码均为可复制品，所以不支持任何理由的退款兑现，请斟酌后支付下载 声明：如果标题没有注明"已测试"或者"测试可用"等字样的资源源码均未经过站长测试.特别注意没有标注的源码不保证任何可用性